schallbert/lectures
1
0
Fork 0
Code Pull Requests Actions Activity

reduce max width of mobile view to 980px from 1200px
All checks were successful
Deploy Lecture site / build (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Schallbert 2024-09-14 11:33:41 +02:00
parent 91882b319d
commit c9a49c5c80
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
_assets/css/main.css
View File

@ -627,7 +627,7 @@ small,
.small { .small {
font-size:0.75em; font-size:0.75em;
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
h2 { h2 {
font-size:2.75em; font-size:2.75em;
} }
@ -3117,7 +3117,7 @@ body {
.page__content dl { .page__content dl {
font-size:1em font-size:1em
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
.page__content p, .page__content p,
.page__content li, .page__content li,
.page__content dl { .page__content dl {
@ -4408,7 +4408,7 @@ body {
height:auto; height:auto;
justify-content:center justify-content:center
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
.flex-parent { .flex-parent {
flex-direction:column; flex-direction:column;
justify-content:flex-start; justify-content:flex-start;
@ -4426,7 +4426,7 @@ body {
justify-content:center; justify-content:center;
align-items:flex-end align-items:flex-end
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
.third-col-layout { .third-col-layout {
width:auto; width:auto;
height:auto; height:auto;
@ -4509,7 +4509,7 @@ h2 {
border:none; border:none;
text-decoration:underline text-decoration:underline
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
.flex-post-child h2 { .flex-post-child h2 {
margin-top:1em; margin-top:1em;
font-size: 1.25em; font-size: 1.25em;
@ -4526,7 +4526,7 @@ h2 {
gap:3% gap:3%
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
.flex-post-parent { .flex-post-parent {
flex-direction:column; flex-direction:column;
gap:20px; gap:20px;
@ -4536,7 +4536,7 @@ h2 {
.fp-section { .fp-section {
margin:1em 3em margin:1em 3em
} }
@media (max-width: 1200px) { @media (max-width: 980px) {
.fp-section { .fp-section {
margin:1em .5em; margin:1em .5em;
font-size:2em; font-size:2em;