From 95888cdbbc2ec5068a00dd206ce7184822e5ff75 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 29 Jul 2025 19:43:03 +0500
Subject: [PATCH] fix margins on single post pages on mobile

---
 style.css | 75 +++++++++++++++++++++++++++++++++----------------------
 1 file changed, 45 insertions(+), 30 deletions(-)

diff --git a/style.css b/style.css
index 88d24a8..49ad865 100644
--- a/style.css
+++ b/style.css
@@ -21,7 +21,8 @@ Use it to make something cool, have fun, and share what you've learned
 with others.
 */
 
-html, body {
+html,
+body {
   height: 100%;
 }
 
@@ -91,7 +92,7 @@ html, body {
   padding: 1em;
 }
 
-@media screen and (max-width: 782px){
+@media screen and (max-width: 782px) {
   .nav-menu {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -104,7 +105,7 @@ html, body {
   ul.what-we-offer {
     padding-left: revert !important;
   }
-  
+
   .home .wp-site-blocks h2 {
     margin-top: 60px;
   }
@@ -139,11 +140,11 @@ html, body {
   }
 }
 
-@media screen and (min-width: 600px){
+@media screen and (min-width: 600px) {
   .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: none;
   }
-  
+
   .nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
     display: inherit;
   }
@@ -153,35 +154,49 @@ html, body {
   TODO: integrate this with the rest of the css
 */
 @media screen and (max-width: 600px) {
-	.home-flower {
-		display: none;
-	}
-	.wp-container-13 .wp-block-group {
-		padding-top: 0 !important;
-	}
+  .home-flower {
+    display: none;
+  }
 
-	h1, p {
-		padding: 1rem;
-	}
+  .wp-container-13 .wp-block-group {
+    padding-top: 0 !important;
+  }
 
-	.footer {
-		padding-inline: 1rem;
-	}
+  h1,
+  p,
+  time {
+    padding: 1rem;
+  }
 
-	.footer p {
-		padding: 0;
-	}
+  .single-post {
+    .wp-block-post-content {
+      padding-inline: 1rem;
+    }
 
-	.wp-site-blocks .wp-block-group:nth-child(1) {
-		padding-top:  24px !important;
-	}
+    .wp-block-post-content h2 {
+      padding-inline: 1rem;
+    }
+  }
+
+  .footer {
+    padding-inline: 1rem;
+  }
+
+  .footer p {
+    padding: 0;
+  }
+
+  .wp-site-blocks .wp-block-group:nth-child(1) {
+    padding-top: 24px !important;
+  }
 }
 
-@media screen and (min-width: 782px){
+@media screen and (min-width: 782px) {
   .nav-menu {
     display: block;
     padding-right: 30%;
   }
+
   .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;
   }
@@ -205,18 +220,18 @@ html, body {
   .first-slide h1 {
     font-size: 32px !important;
   }
-  
-  .run-up-points ul li { 
+
+  .run-up-points ul li {
     font-size: 32px !important;
   }
 }
 
 /* for free palestine block */
-.free-palestine-banner { 
-  color: var(--wp--preset--color--background); 
-  font-family: Inter, sans-serif; 
+.free-palestine-banner {
+  color: var(--wp--preset--color--background);
+  font-family: Inter, sans-serif;
 }
-  
+
 /* responsive tweaks */
 .wp-block-navigation__responsive-container.is-menu-open {
   padding: 1em