From 1289d380433282934fc9f90a062521343c2d5b57 Mon Sep 17 00:00:00 2001
From: William Muli <willi.wambu@gmail.com>
Date: Sun, 24 Sep 2023 15:19:56 +0300
Subject: [PATCH] Update margin

---
 src/components/home-content.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/home-content.tsx b/src/components/home-content.tsx
index 1661ab3..1985925 100644
--- a/src/components/home-content.tsx
+++ b/src/components/home-content.tsx
@@ -4,7 +4,7 @@ export default function HomeContent({ children }: { children: React.ReactNode })
   return (
     <div className="flex flex-col h-[calc(100vh-4rem)] lg:flex-row">
       <div className="flex justify-end order-2 w-full lg:order-1">
-        <div className="flex flex-col justify-start p-6 lg:border-r 2xl:max-w-[754px]">
+        <div className="flex flex-col justify-start md:pr-4 lg:border-r 2xl:max-w-[754px]">
           <h1 className="text-left text-xl lg:text-2xl xl:text-3xl py-4 md:py-8 font-bold">
             What we do
           </h1>
@@ -46,7 +46,7 @@ export default function HomeContent({ children }: { children: React.ReactNode })
         </div>
       </div>
       <div className="flex order-1 md:order-1 w-full">
-        <div className="flex flex-col w-[100%] justify-start p-6 2xl:max-w-[754px]">
+        <div className="flex flex-col w-[100%] justify-start md:pl-4 2xl:max-w-[754px]">
           {children}
         </div>
       </div>