From 114e4a4e66447fb8bde1193d5e52214944fbbb69 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 9 Jul 2024 17:34:25 +0500
Subject: [PATCH] tweak home page on mobile

---
 patterns/page-home.php | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/patterns/page-home.php b/patterns/page-home.php
index 71cccf2..018a303 100644
--- a/patterns/page-home.php
+++ b/patterns/page-home.php
@@ -7,7 +7,6 @@
  * Post Types: page
  */
 ?>
-
 <!-- wp:group {"metadata":{"name":"Hero"},"align":"full","style":{"spacing":{"margin":{"bottom":"0"}}},"layout":{"type":"default"}} -->
 <div class="wp-block-group alignfull" style="margin-bottom:0"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"0"}}}} -->
   <div class="wp-block-columns"><!-- wp:column {"width":"37.05%","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"border":{"right":{"color":"var:preset|color|black","width":"1px"}}},"className":"pcss-a21c1a4b","pcssAdditionalCss":"@media (max-width: 800px) {\n  [block] {\n    border-right: none;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=800px){.pcss-a21c1a4b{border-right:none}}","pcssClassId":"pcss-a21c1a4b"} -->
@@ -95,11 +94,11 @@
   <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|80","right":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
   <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--80)"><!-- wp:query {"queryId":13,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"metadata":{"name":"Sticky Posts"},"align":"wide","layout":{"type":"constrained"}} -->
     <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
-      <!-- wp:group {"tagName":"article","style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":"0"}},"className":"home-featured-post-item","layout":{"type":"default"}} -->
+      <!-- wp:group {"tagName":"article","style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":"0"},"layout":{"columnStart":1,"rowStart":1}},"className":"home-featured-post-item","layout":{"type":"default"}} -->
       <article class="wp-block-group home-featured-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:post-featured-image {"height":"419px","style":{"border":{"bottom":{"color":"var:preset|color|black","width":"1px"},"top":{},"right":{},"left":{}}}} /-->
 
-        <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
-        <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
+        <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","bottom":"var:preset|spacing|60"}}},"className":"pcss-9518f676","layout":{"type":"default"},"pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    padding-inline: 1rem !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-9518f676{padding-inline:1rem!important}}","pcssClassId":"pcss-9518f676"} -->
+        <div class="wp-block-group pcss-9518f676" style="padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
 
           <!-- wp:post-title {"isLink":true,"className":"post-title"} /-->
 
@@ -116,13 +115,13 @@
 
     <!-- wp:query {"queryId":13,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"metadata":{"name":"Normal posts"},"className":"home-posts-grid","layout":{"type":"default"}} -->
     <div class="wp-block-query home-posts-grid"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
-      <!-- wp:columns {"style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":{"top":"0","left":"0"}}},"className":"home-post-item"} -->
-      <div class="wp-block-columns home-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:column {"width":"30%"} -->
-        <div class="wp-block-column" style="flex-basis:30%"><!-- wp:post-featured-image {"width":"","height":"100%","sizeSlug":"full","style":{"layout":{"selfStretch":"fit","flexSize":null},"border":{"right":{"width":"1px"}}},"className":"home-post-item-img"} /--></div>
+      <!-- wp:columns {"style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":{"top":"0","left":"0"}},"layout":{"columnStart":1,"rowStart":1}},"className":"home-post-item"} -->
+      <div class="wp-block-columns home-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:column {"width":"30%","className":"pcss-5f021bd0","pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    border-bottom: 2px solid;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-5f021bd0{border-bottom:2px solid}}","pcssClassId":"pcss-5f021bd0"} -->
+        <div class="wp-block-column pcss-5f021bd0" style="flex-basis:30%"><!-- wp:post-featured-image {"width":"","height":"100%","sizeSlug":"full","style":{"layout":{"selfStretch":"fit","flexSize":null},"border":{"right":{"width":"1px"}}},"className":"home-post-item-img"} /--></div>
         <!-- /wp:column -->
 
-        <!-- wp:column {"width":"","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}}} -->
-        <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
+        <!-- wp:column {"width":"","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"className":"pcss-4b711741","pcssAdditionalCss":"@media (max-width: 480px) {\n  [block] {\n    padding-inline: 1rem !important;\n    padding-bottom: 16px !important;\n  }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-4b711741{padding-inline:1rem!important;padding-bottom:16px!important}}","pcssClassId":"pcss-4b711741"} -->
+        <div class="wp-block-column pcss-4b711741" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
 
           <!-- wp:post-title {"isLink":true,"className":"post-title"} /-->