diff --git a/resources/css/layout/section.css b/resources/css/layout/section.css
index 42a0ce5..70198e7 100644
--- a/resources/css/layout/section.css
+++ b/resources/css/layout/section.css
@@ -1,6 +1,6 @@
 :where(.content-section) {
   .content-section__inner {
-    @apply max-w-screen-2xl mx-auto px-12 xl:px-20 py-16;
+    @apply max-w-screen-2xl mx-auto px-4 md:px-8 lg:px-12 xl:px-20 py-16;
     overflow: hidden;
   }
 }