From ad98c7238d2e893ecd90c2711f92b89cafe15acd Mon Sep 17 00:00:00 2001 From: leafee98 Date: Thu, 6 Jul 2023 15:24:10 +0800 Subject: [PATCH] narrowing the page, max-width from 1320px to 1140 --- static/css/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index b977181..12301bb 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -150,6 +150,7 @@ body { .main { flex: 0 0 72%; width: 72%; } .side { flex: 0 0 28%; width: 28%; } +/* mobile layout: place side to bottom */ @media (max-width: 991px) { .main { padding: var(--len-4); } .side { padding-left: 0; padding-top: var(--len-4); } @@ -183,8 +184,7 @@ body { /********** set up break point **********/ - .main-wrapper, .header { max-width: 1320px; } -@media (max-width: 1399px) { .main-wrapper, .header { max-width: 1140px; } } + .main-wrapper, .header { max-width: 1140px; } @media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } } @media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } } @media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } }