chore: add more breakpoints to improve responsiveness

dscnitrourkela · Mar 17, 2024 · 72d4c21 · 72d4c21
1 parent 2961152
commit 72d4c21
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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%]