From 184d8552b4f3d1aeab5aa20639fcd8914b51bdaf Mon Sep 17 00:00:00 2001
From: siddheshmorewdi <siddhesh.more@wdimails.com>
Date: Fri, 21 Jun 2024 19:38:15 +0530
Subject: [PATCH] alignment set

---
 src/Components/Advertising.jsx | 2 +-
 src/Components/Hero.jsx        | 3 ++-
 src/Components/HowItWorks.jsx  | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/Components/Advertising.jsx b/src/Components/Advertising.jsx
index bd72be8..5cba6c2 100644
--- a/src/Components/Advertising.jsx
+++ b/src/Components/Advertising.jsx
@@ -8,7 +8,7 @@ import playButton from "../assets/PlayBtn.png";
 
 const Advertising = () => {
   return (
-    <Box position={"relative"} h={"90vh"}>
+    <Box position={"relative"} h={"100%"}>
       <Container
         display={"flex"}
         flexDirection={"column"}
diff --git a/src/Components/Hero.jsx b/src/Components/Hero.jsx
index a406cab..93fe901 100644
--- a/src/Components/Hero.jsx
+++ b/src/Components/Hero.jsx
@@ -10,11 +10,12 @@ import { OPACITY_ON_LOAD } from "../Layout/animations";
 
 const Hero = () => {
   return (
-    <Box {...OPACITY_ON_LOAD} h={"100vh"}>
+    <Box {...OPACITY_ON_LOAD} h={"100%"} pt={10} pb={20}>
       <Container
         display={"flex"}
         maxW="container.xl"
         h={"100%"}
+        alignItems={'center'}
         
       >
         <Box w={"50%"} display={'flex'} flexDirection={'column'} gap={6} justifyContent={'center'} p={10} h={"100%"}>
diff --git a/src/Components/HowItWorks.jsx b/src/Components/HowItWorks.jsx
index fa38f2c..9bdcc97 100644
--- a/src/Components/HowItWorks.jsx
+++ b/src/Components/HowItWorks.jsx
@@ -28,7 +28,7 @@ const HowItWorks = () => {
 
 
   return (
-    <Box id="how-it-works" position={"relative"} backgroundColor={"#ffffff"} h={"120vh"} mt={28} mb={10}>
+    <Box id="how-it-works" position={"relative"} backgroundColor={"#ffffff"} h={"100%"} mt={28} mb={10}>
       <Image src={patter1} position={"absolute"} top={0} left={0} w={100} />
       <Container
         display={"flex"}