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%;
 }
 
@@ -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;
   }
@@ -182,6 +196,7 @@ html, body {
     display: block;
     padding-right: 30%;
   }
+
   .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;
   }