From 72d4c21aa40471ea90f48b1b032f2bcd203890b7 Mon Sep 17 00:00:00 2001
From: Ashish Padhy <100484401+Shurtu-gal@users.noreply.github.com>
Date: Sun, 17 Mar 2024 23:34:40 +0530
Subject: [PATCH] chore: add more breakpoints to improve responsiveness

---
 src/components/AboutUs.jsx | 2 +-
 src/components/Hero.jsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AboutUs.jsx b/src/components/AboutUs.jsx
index 26cf216..5d11931 100644
--- a/src/components/AboutUs.jsx
+++ b/src/components/AboutUs.jsx
@@ -19,7 +19,7 @@ export default function AboutUs() {
 				</Paragraph>
 			</div>
 
-			<div className='flex justify-between px-[0px] sm:px-[77px] md:px-[115px] lg:px-[175px] grid grid-cols-1 sm:grid-cols-3 gap-3 pb-[70px] sm:pb-[130px] md:pb-[135px]'>
+			<div className='justify-between px-[0px] sm:px-[77px] md:px-[115px] lg:px-[175px] grid grid-cols-1 sm:grid-cols-3 gap-3 pb-[70px] sm:pb-[130px] md:pb-[135px]'>
 				{aboutUsData.lists.map((list, index) => (
 					<div key={index} className='flex flex-col pb-[10px]'>
 						<img src={list.img_url} alt={list.title} className='mx-auto md:w-[85px] sm:w-[70px] w-[55px] pb-[15px]' />
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index ec5d0e0..3592acc 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -26,7 +26,7 @@ const Hero = () => {
 				</div>
 				<div
 					className={`w-[100%] xl:w-1/2 md:w-2/3  flex items-center justify-center relative h-[100%]
-            sm:scale-125 md:scale-75 lg:scale-[0.8] xl:scale-100 translate-x-10 md:translate-x-0`}>
+            max-[380px]:scale-[0.8] max-[420px]:scale-90 sm:scale-125 md:scale-75 lg:scale-[0.8] xl:scale-100 translate-x-10 md:translate-x-0`}>
 					<div
 						className={`absolute w-[189px] h-[270px] md:w-[303.075px] md:h-[404.558px] 
               rounded-lg border-solid border-2 border-black shadow-3xl right-[42%]