Adjusting padding

docs/src/_includes/layouts/layout.njk

@@ -9,7 +9,7 @@ layout: layouts/base.njk
     {% include "partials/header.njk" %}
   </header>
 
-  <div class="p-6 md:p-8 xl:p-12">
+  <div class="p-4 md:p-6 xl:p-12">
     {{ content | safe }}
   </div>
 </main>

docs/src/assets/styles.css

@@ -1264,6 +1264,11 @@
       border-left-width: 1px;
     }
   }
+  .md\:p-6 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
   .md\:p-8 {
     @media (width >= 48rem) {
       padding: calc(var(--spacing) * 8);