tweak blog post heading style

block-styles.css

@@ -61,8 +61,8 @@
 }
 
 @media screen and (max-width: 782px) {
-  .is-style-markdown-heading::before {
+  .is-style-markdown-heading {
-    margin-inline-start: 1em;
+    margin-inline: 1em;
   }
 }
 

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 {
+  .home-flower {
-		display: none;
+    display: none;
-	}
+  }
-	.wp-container-13 .wp-block-group {
-		padding-top: 0 !important;
-	}
 
-	h1, p {
+  .wp-container-13 .wp-block-group {
-		padding: 1rem;
+    padding-top: 0 !important;
-	}
+  }
 
-	.footer {
+  h1,
-		padding-inline: 1rem;
+  p,
-	}
+  time {
+    padding: 1rem;
+  }
 
-	.footer p {
+  .single-post {
-		padding: 0;
+    .wp-block-post-content {
-	}
+      padding-inline: 1rem;
+    }
 
-	.wp-site-blocks .wp-block-group:nth-child(1) {
+    .wp-block-post-content h2 {
-		padding-top:  24px !important;
+      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 { 
+.free-palestine-banner {
-  color: var(--wp--preset--color--background); 
+  color: var(--wp--preset--color--background);
-  font-family: Inter, sans-serif; 
+  font-family: Inter, sans-serif;
 }
-  
+
 /* responsive tweaks */
 .wp-block-navigation__responsive-container.is-menu-open {
   padding: 1em

theme.json

@@ -258,7 +258,7 @@
 					"text": "var(--wp--preset--color--secondary)"
 				},
 				"typography": {
-					"fontSize": "16px",
+					"fontSize": "24px",
 					"textTransform": "uppercase"
 				}
 			},