fix(docs): responsive css for posts layout

Author: saurabhdaware

packages/docs/client/global.scss

@@ -22,6 +22,7 @@
   --content-width-landing: 1200px;
   --content-width-posts: 1100px;
   --content-padding-horizontal: 100px;
+  --posts-padding-horizontal: 80px;
 
   --docsearch-primary-color: var(--blue-5) !important;
 }
@@ -279,6 +280,7 @@ a {
     --font-text-small-spacing: 0.03rem;
     --content-width-landing: 100%;
     --content-padding-horizontal: 64px;
+    --posts-padding-horizontal: 24px;
   }
 
 

packages/docs/client/posts.scss

@@ -7,7 +7,7 @@ html, body {
 }
 
 main.content-padding {
-  padding: 50px 80px;
+  padding: 50px var(--posts-padding-horizontal);
   max-width: var(--content-width-posts);
   margin: auto;
 }