fix margins on single post pages on mobile

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;
@@ -139,7 +140,7 @@ 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;
   }
@@ -156,14 +157,27 @@ html, body {
   .home-flower {
     display: none;
   }
+
   .wp-container-13 .wp-block-group {
     padding-top: 0 !important;
   }
 
-	h1, p {
+  h1,
+  p,
+  time {
     padding: 1rem;
   }
 
+  .single-post {
+    .wp-block-post-content {
+      padding-inline: 1rem;
+    }
+
+    .wp-block-post-content h2 {
+      padding-inline: 1rem;
+    }
+  }
+
   .footer {
     padding-inline: 1rem;
   }
@@ -177,11 +191,12 @@ html, body {
   }
 }
 
-@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;
   }