Fix mobile align in post and comments

src/assets/scss/_comments.scss

@@ -17,7 +17,7 @@
                         width: 45vw;
                     }
                     @media (max-width: 576px){
-                        width: 90vw;
+                        width: 80vw;
                     }
                 }
             }

src/assets/scss/_post.scss

@@ -1,5 +1,9 @@
 .tainacan-single-post{
-    padding: 0 1rem 0 2rem;
+    @media screen {
+        @media (min-width: 992px) {
+            padding: 0 1rem 0 2rem;
+        }
+    }
     article{
         header{
             .header-meta{

src/assets/scss/style.scss

@@ -106,7 +106,11 @@ form{
     }
 }
 .tainacan-title{
-    padding: 0 1rem 0 2rem;
+    @media screen {
+        @media (min-width: 992px) {
+            padding: 0 1rem 0 2rem;
+        }
+    }
 }
 @import "_comments";
 

src/comments.php

@@ -59,7 +59,7 @@ if (post_password_required()) {
 		</div>
 		<?php if (have_comments()) : ?>
 			<div class="row px-sm-4">
-				<div class="col col-sm-10 mt-4 list-comments mx-sm-auto pl-3">
+				<div class="col col-sm-10 mt-4 list-comments mx-sm-auto pl-sm-3">
 					<?php wp_list_comments('type=comment&callback=tainacan_Comments_Callback'); ?>
 				</div>
 			</div>

src/template-parts/single-post.php

@@ -1,6 +1,6 @@
 <article role="article" id="post_<?php the_ID()?>" <?php post_class()?>>
     <header class="mb-4">
-        <div class="header-meta text-muted">
+        <div class="header-meta text-muted mb-3 mb-md-0">
             <?php
                 _e('By', 'tainacan-theme');
                 echo ' ';