fix: images positions

dscnitrourkela · Mar 13, 2024 · feee6f7 · feee6f7
1 parent 1616475
commit feee6f7
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -4,7 +4,7 @@ import { Paragraph } from './shared/typography';
 const Hero = () => {
 	return (
 		<>
-			<div className='flex flex-col md:flex-row '>
+			<div className='flex flex-col md:flex-row'>
 				<div className='w-[100%] md:w-1/2 1'>
 					<div className='h-1/3 flex flex-col justify-end ml-2' style={{ color: '#FF4409' }}>
 						<PersonalizedText>Welcome family...</PersonalizedText>
@@ -30,7 +30,7 @@ const Hero = () => {
 				</div>
 				<div className='w-[100%] md:w-1/2 flex items-center relative' style={{ height: '600px' }}>
 					<div
-						className='absolute top-50 right-200'
+						className='absolute top-50 left-10'
 						style={{
 							borderRadius: '6px',
 							border: '1px solid #000',
@@ -52,7 +52,7 @@ const Hero = () => {
 						/>
 					</div>
 					<div
-						className='absolute top-50 left-10'
+						className='absolute top-50 left-40'
 						style={{
 							borderRadius: '6px',
 							border: '1px solid #000',
@@ -114,7 +114,7 @@ const Hero = () => {
 						</svg>
 					</div>
 					<div
-						className='absolute top-55 right-40'
+						className='absolute top-55 right-20'
 						style={{
 							borderRadius: '6px',
 							border: '1px solid #000',