Update Hero and About components

Petsamuel · Mar 3, 2024 · 1349a15 · 1349a15
1 parent 2178b3f
commit 1349a15
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -31,8 +31,8 @@ function Hero() {
 
   return (
     <>
-      <section className="place-content-center">
-        <div className="lg:pt-20 flex lg:flex-row flex-col justify-center items-center lg:px-16 lg:text-justify">
+      <section className="flex items-center justify-center flex-col lg:py-10 py-6">
+        <div className="lg:pt-20 flex lg:flex-row flex-col justify-center items-center px-16 lg:text-justify">
           <div
             className="flex-auto"
             onMouseMove={(e) => {

diff --git a/src/pages/About.jsx b/src/pages/About.jsx
@@ -14,7 +14,7 @@ function About() {
       <Header />
       <div className="flex py-20 lg:mx-10 mx-4 gap-14 lg:flex-row flex-col">
         {/* grid lg:grid-cols-3 md:grid-cols-2 px-4 gap-8 grid-cols-1 py-9 */}
-        <div className="  w-[90%] ">
+        <div className=" lg:w-3/4 w-[90%] ">
           <Content eventState={eventState} />
         </div>
 

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -6,7 +6,7 @@ function Home() {
   return (
     <section className="bg-black h-screen">
       <Header />
-      <div className="flex items-center m-auto py-[6em] "> <Hero /></div>
+      <div className="py-14 lg:py-4"> <Hero /></div>
     </section>
   );
 }