From c9a49c5c80fb55fa5e41e2097b898c352bdc300d Mon Sep 17 00:00:00 2001
From: Schallbert <schallbert@mailbox.org>
Date: Sat, 14 Sep 2024 11:33:41 +0200
Subject: [PATCH] reduce max width of mobile view to 980px from 1200px

---
 _assets/css/main.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/_assets/css/main.css b/_assets/css/main.css
index 4639ec3..bef0961 100644
--- a/_assets/css/main.css
+++ b/_assets/css/main.css
@@ -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;