From fe6e492ed2b433f57aca3ab87369c36222dd0520 Mon Sep 17 00:00:00 2001 From: Zachary Vance Date: Tue, 8 Nov 2022 01:26:51 -0500 Subject: [PATCH] Improve on phones --- index.css | 23 +++++++++++++++++++---- index.html | 1 + 2 files changed, 20 insertions(+), 4 deletions(-) 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 +
-- 2.47.3