From: Zachary Vance Date: Tue, 8 Nov 2022 06:26:51 +0000 (-0500) Subject: Improve on phones X-Git-Url: https://git.za3k.com/?a=commitdiff_plain;h=fe6e492ed2b433f57aca3ab87369c36222dd0520;p=za3k.git Improve on phones --- diff --git a/index.css b/index.css index 481cbfe..320ef5b 100644 --- a/index.css +++ b/index.css @@ -1,7 +1,23 @@ + +@media only screen and (max-width: 600px){ + body { + column-count: 1; + } + section { + width: 100%; + margin: 10px; + } +} + body { + column-width: 400px; + -webkit-column-width: 400px; + -moz-column-width: 400px; + } + section { + width: 380px; + } + body { - column-width: 400px; - -webkit-column-width: 400px; - -moz-column-width: 400px; column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; @@ -50,7 +66,6 @@ body > .nav { } section { - width: 380px; display: inline-block; border: 1px solid; border-radius: 10px; diff --git a/index.html b/index.html index 216804a..b966156 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ za3k.com +