add padding in mobile, made more separation in body of the cards , in…

…crease border size
Kiri23 · Jul 12, 2024 · 2937b62 · 2937b62
1 parent 7b21181
commit 2937b62
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/components/Sections/Services2.tsx b/components/Sections/Services2.tsx
@@ -2,8 +2,9 @@ export default function Services2() {
     return (
         <div class="max-w-[85rem] bg-gray-50 px-4 py-10 sm:px-6 sm:mt-10 lg:px-8 lg:py-14 mx-auto">
             <div class="grid gap-6 grid-cols-1 sm:gap-12 lg:grid-cols-3 lg:gap-8">
+                {/* w-336 m-auto */}
                 <div
-                    class={"border border-pinkBrand shadow-sm rounded-xl p-4 md:p-5"}
+                    class={"w-[336px] mx-auto border-2 border-pinkBrand shadow-sm rounded-xl p-4 md:p-10"}
                 >
                     {
                         /* <img
@@ -24,7 +25,7 @@ export default function Services2() {
                     </p>
                 </div>
                 <div
-                    class={"border border-pinkBrand shadow-sm rounded-xl p-4 md:p-5"}
+                    class={"w-[336px] mx-auto border-2 border-pinkBrand shadow-sm rounded-xl p-4 md:p-10"}
                 >
                     {
                         /* <img
@@ -42,7 +43,7 @@ export default function Services2() {
                     </p>
                 </div>
                 <div
-                    class={"border border-pinkBrand shadow-sm rounded-xl p-4 md:p-5"}
+                    class={"w-[336px] mx-auto border-2 border-pinkBrand shadow-sm rounded-xl p-4 md:p-10"}
                 >
                     {
                         /* <img

diff --git a/routes/index.tsx b/routes/index.tsx
@@ -56,7 +56,7 @@ const versioningPage = (version: string) => {
         <>
           <div class="flex flex-col">
             <Navbar />
-            <main class="flex-1">
+            <main class=" px-4 flex-1">
               <section id="hero" class="w-full">
                 <HeroSection />
               </section>