tweak single blog template on mobile

assets/css/custom.css

@@ -236,7 +236,7 @@ a.wp-block-tiptip-hyperlink-group-block {
   margin-block: 1em;
   font-family: var(--wp--preset--font-family--instrument-sans);
   letter-spacing: -0.4px;
-  font-size: 38px;
+  font-size: 38px !important;
 }
 
 .blog-post-content blockquote.wp-block-quote {
@@ -247,6 +247,15 @@ a.wp-block-tiptip-hyperlink-group-block {
   .blog-post-content .wp-block-image {
     margin-inline: -42px;
   }
+
+  .blog-post-content blockquote.wp-block-quote {
+    margin-inline-start: -1.5rem;
+  }
+  
+  .blog-post-content h2.wp-block-heading {
+    margin-inline: auto;
+    padding-inline-start: .5em;
+  }
 }
 
 @media (min-width: 1080px) {

templates/single.html

@@ -1,8 +1,8 @@
-<!-- wp:template-part {"slug":"header","theme":"jett-theme","area":"header"} /-->
+<!-- wp:template-part {"slug":"header","area":"header"} /-->
 
 <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
 <div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"19.15%"} -->
-        <div class="wp-block-column" style="flex-basis:19.05%"></div>
+  <div class="wp-block-column" style="flex-basis:19.15%"></div>
   <!-- /wp:column -->
 
   <!-- wp:column {"width":"","style":{"border":{"left":{"width":"0px","style":"none"},"top":[],"right":[],"bottom":[]}}} -->
@@ -24,12 +24,12 @@
           <!-- /wp:paragraph -->
 
           <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"commit-mono"} -->
-                                        <p class="has-commit-mono-font-family"
+          <p class="has-commit-mono-font-family" style="font-style:normal;font-weight:500">Words:</p>
-                                                style="font-style:normal;font-weight:500">Words:</p>
           <!-- /wp:paragraph -->
 
           <!-- wp:co-authors-plus/coauthors {"prefix":"","separator":" | ","lastSeparator":"","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"textColor":"black","fontFamily":"instrument-sans-semicondensed"} -->
-                                        <div class="wp-block-co-authors-plus-coauthors has-black-color has-text-color has-link-color has-instrument-sans-semicondensed-font-family"
+          <div
+            class="wp-block-co-authors-plus-coauthors has-black-color has-text-color has-link-color has-instrument-sans-semicondensed-font-family"
             style="font-style:normal;font-weight:700;text-transform:uppercase">
             <!-- wp:co-authors-plus/name {"isLink":true} /--></div>
           <!-- /wp:co-authors-plus/coauthors -->
@@ -40,8 +40,7 @@
 
         <!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
         <div class="wp-block-group">
-                                        <!-- wp:post-excerpt {"style":{"typography":{"lineHeight":"1.5"}},"fontFamily":"commit-mono"} /-->
+          <!-- wp:post-excerpt {"style":{"typography":{"lineHeight":"1.5"}},"fontFamily":"commit-mono"} /--></div>
-                                </div>
         <!-- /wp:group -->
 
         <!-- wp:post-terms {"term":"post_tag","separator":"","className":"is-style-hashtags"} /-->
@@ -53,8 +52,8 @@
     <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0"}},"border":{"bottom":{"width":"16px"},"top":{"width":"0px","style":"none"},"right":{"width":"1px"},"left":{"width":"1px"}}},"className":"post-content-container","layout":{"type":"constrained","justifyContent":"left","contentSize":"640px","wideSize":""},"fontSize":"standard"} -->
     <div class="wp-block-group post-content-container has-standard-font-size"
       style="border-top-style:none;border-top-width:0px;border-right-width:1px;border-bottom-width:16px;border-left-width:1px;margin-top:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
-                        <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+      <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"className":"pcss-39dde4d3","layout":{"type":"constrained"},"pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    padding-inline: 1rem !important\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-39dde4d3{padding-inline:1rem!important}}","pcssClassId":"pcss-39dde4d3"} -->
-                        <div class="wp-block-group"
+      <div class="wp-block-group pcss-39dde4d3"
         style="padding-right:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)">
         <!-- wp:post-content {"style":{"typography":{"fontSize":"20px","lineHeight":"1.6"},"spacing":{"padding":{"top":"var:preset|spacing|40"}}},"className":"blog-post-content","fontFamily":"roboto-serif"} /-->
       </div>
@@ -63,7 +62,8 @@
     <!-- /wp:group -->
 
     <!-- wp:group {"metadata":{"name":"post-bio-container"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"backgroundColor":"black","textColor":"white","className":"post-bio-container","layout":{"type":"constrained","contentSize":"640px","wideSize":"1480px"}} -->
-                <div class="wp-block-group post-bio-container has-white-color has-black-background-color has-text-color has-background has-link-color"
+    <div
+      class="wp-block-group post-bio-container has-white-color has-black-background-color has-text-color has-background has-link-color"
       style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)">
       <!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"x-large"} -->
       <h2
@@ -73,8 +73,7 @@
 
       <!-- wp:columns -->
       <div class="wp-block-columns"><!-- wp:column {"width":"29%"} -->
-                                <div class="wp-block-column" style="flex-basis:29%">
+        <div class="wp-block-column" style="flex-basis:29%"><!-- wp:co-authors-plus/coauthors {"prefix":""} -->
-                                        <!-- wp:co-authors-plus/coauthors {"prefix":""} -->
           <div class="wp-block-co-authors-plus-coauthors">
             <!-- wp:co-authors-plus/name {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"standard"} /-->
           </div>
@@ -110,7 +109,8 @@
   <div class="wp-block-group has-black-background-color has-background"
     style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
     <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-gradient","fontSize":"xx-large","fontFamily":"instrument-sans"} -->
-                <h2 class="wp-block-heading has-text-align-center is-style-gradient has-instrument-sans-font-family has-xx-large-font-size"
+    <h2
+      class="wp-block-heading has-text-align-center is-style-gradient has-instrument-sans-font-family has-xx-large-font-size"
       style="font-style:normal;font-weight:600">From The Blog</h2>
     <!-- /wp:heading -->
   </div>
@@ -168,4 +168,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"jett-theme","area":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","area":"footer"} /-->