fix: add base padding for smaller screens

geeksblabla · Nov 12, 2024 · 8ec0da8 · 8ec0da8
1 parent 91eaa9f
commit 8ec0da8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/about/our-story.astro b/src/components/about/our-story.astro
@@ -83,7 +83,7 @@ const STORY_TIMELINE: Array<TimelineItemType & { description: string }> = [
 ---
 
 <section id="our-story" class="bg-neutral-light-20">
-  <div class="container mx-auto !px-0">
+  <div class="container mx-auto">
     <div
       class="flex flex-col items-center py-20 md:flex-row md:justify-between"
     >

diff --git a/src/global.css b/src/global.css
@@ -30,6 +30,7 @@ h1, h2, h3, h4, h5, h6 {
 
 .container {
   @apply mx-auto w-full 
+    px-4 sm:px-0      /* Base padding for smaller screens */
     max-w-[90rem]             /* 1440px max-width */
     sm:max-w-[640px]          
     md:max-w-[768px]