fix(ui): responsive issue 🐛📱

kareemmahlees · Aug 29, 2024 · 9076f05 · 9076f05
1 parent 4d15d99
commit 9076f05
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/web/src/sections/Features/cards/cli.tsx b/apps/web/src/sections/Features/cards/cli.tsx
@@ -1,6 +1,6 @@
 const CLI = () => {
   return (
-    <div className="bg-muted h-full space-y-3 rounded-md p-3">
+    <div className="bg-muted h-full space-y-3 overflow-x-auto rounded-md p-3">
       <div className="flex items-center gap-x-2">
         <div className="h-2 w-2 rounded-full bg-red-500"></div>
         <div className="h-2 w-2 rounded-full bg-yellow-500"></div>

diff --git a/apps/web/src/sections/Footer/Footer.astro b/apps/web/src/sections/Footer/Footer.astro
@@ -3,7 +3,7 @@
 ---
 
 <footer
-  class="text-muted-foreground mt-[100px] text-center text-sm md:text-base md:pb-5"
+  class="text-muted-foreground mt-[100px] text-center text-sm md:text-base mx-3 sm:mx-0 md:pb-5"
 >
   <p>
     Developed by{" "}

diff --git a/apps/web/src/sections/Heading/Heading.astro b/apps/web/src/sections/Heading/Heading.astro
@@ -66,7 +66,7 @@ import DownloadBtn from "./download-btn"
     </div>
   </MaxWidthWrapper>
   <div
-    class="w-[400px] md:w-[800px] lg:w-[1080px] relative flex flex-col items-center"
+    class="w-[310px] sm:w-[400px] md:w-[800px] lg:w-[1080px] relative flex flex-col items-center"
   >
     <Image
       src={Overview}
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,7 +3,7 @@ @@
     ---
     <footer
-      class="text-muted-foreground mt-[100px] text-center text-sm md:text-base md:pb-5"
+      class="text-muted-foreground mt-[100px] text-center text-sm md:text-base mx-3 sm:mx-0 md:pb-5"
     >
       <p>
         Developed by{" "}
@@ Expand Down @@