From 2937b624953dfaf3877bf39cfb73fa7fd30d287b Mon Sep 17 00:00:00 2001
From: kiri23 <christian@opticpower.com>
Date: Fri, 12 Jul 2024 16:42:29 -0400
Subject: [PATCH] add padding in mobile, made more separation in body of the
 cards , increase border size

---
 .DS_Store                         | Bin 8196 -> 8196 bytes
 components/Sections/Services2.tsx |   7 ++++---
 routes/index.tsx                  |   2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index a90b6dccbcf57773d4a41e7f72d4171c2b310d60..dda30507144bb8917875172d59d93b19d40cb0fb 100644
GIT binary patch
delta 396
zcmZp1XmOa}&nUGqU^hRb)Mg$5U&dH|h7^WWhGK?HhIEEJ23LkMhJ1z`hEj$Sph!ML
zo@Y*ea#Buy5(5K+00RSKJrGO&2Lqr80|NowlhuTe)e}&YlWrKCoS$0&HV;A&(2<+(
z;sSLO$ND!d^EWFTbHweIdYD&o^HWIB2GdoLL8|l0f{XHU^7GPxPGSV&&5?p1nKqWp
UVcg6v@r`Bk9icqNjU_V~0Ro|5od5s;

delta 38
ucmZp1XmOa}&nUbxU^hRb@MazXU&hT<!XKG7d-3dL-pnrXjb&p6J2L?FUJP>p

diff --git a/components/Sections/Services2.tsx b/components/Sections/Services2.tsx
index a8abce5..2b47d98 100644
--- 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
index 696f52c..46e20df 100644
--- 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>