leafee98/hugo-theme-flat
1
1
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

narrowing the page, max-width from 1320px to 1140

Browse source
This commit is contained in:
leafee98 2023-07-06 15:24:10 +08:00
parent dbf5a656c2
commit ad98c7238d
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/style.css
View file

@ -150,6 +150,7 @@ body {
.main { flex: 0 0 72%; width: 72%; } .main { flex: 0 0 72%; width: 72%; }
.side { flex: 0 0 28%; width: 28%; } .side { flex: 0 0 28%; width: 28%; }
/* mobile layout: place side to bottom */
@media (max-width: 991px) { @media (max-width: 991px) {
.main { padding: var(--len-4); } .main { padding: var(--len-4); }
.side { padding-left: 0; padding-top: var(--len-4); } .side { padding-left: 0; padding-top: var(--len-4); }
@ -183,8 +184,7 @@ body {
/********** set up break point **********/ /********** set up break point **********/
.main-wrapper, .header { max-width: 1320px; } .main-wrapper, .header { max-width: 1140px; }
@media (max-width: 1399px) { .main-wrapper, .header { max-width: 1140px; } }
@media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } } @media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } }
@media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } } @media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } }
@media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } } @media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } }