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

This commit is contained in:
Schallbert 2024-09-14 11:33:41 +02:00
parent 91882b319d
commit c9a49c5c80

View File

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