commit 93708da29991df01c6e3bad2bd9766f3b69fe813 parent 8d9b5597d7aa4d5a3280c5790a6565501a34162a Author: mjkloeckner <martinjkloeckner@gmail.com> Date: Fri, 1 Sep 2023 12:09:37 -0300 make text wrap around picture in about section Diffstat:
| M | css/about_style.css | | | 37 | ++++++++++++++++++++++--------------- |
1 file changed, 22 insertions(+), 15 deletions(-) diff --git a/css/about_style.css b/css/about_style.css @@ -7,28 +7,17 @@ ul { padding-bottom: 1em; } -@media (max-width: 800px) { - .article_bottom_bar{ - width: 45%; - margin-top: 1em; - } -} - .presentation { - margin-left: auto; - margin-right: auto; - - text-align: center; - - padding-top: 1.75em; - padding-bottom: 1.25em; + float: left; + margin-right: 1em; + margin-bottom: 1em; } .profile_img { margin-left: auto; margin-right: auto; - max-width: 20em; + max-width: 16em; border-style: dashed; border-color: peru; @@ -38,6 +27,24 @@ ul { box-shadow: 1px 1px 5px black; } +@media (max-width: 800px) { + .article_bottom_bar{ + width: 45%; + margin-top: 1em; + } + .presentation { + float: none; + margin-left: auto; + margin-right: auto; + } + article { + text-align: center; + } + ul { + text-align: left; + } +} + @media (prefers-color-scheme: light) { .article_bottom_bar { border-top: 1px dashed #191919;