From 1f1e23d0070b7b5161e0f1f97f15a16164ef974f Mon Sep 17 00:00:00 2001
From: bkm-code <bridgit.k.mutinda@gmail.com>
Date: Thu, 6 Jun 2024 12:51:32 +0300
Subject: [PATCH] Hero image hidden on small screens

---
 src/APP/pages/landingPage/sections/HeroSection.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/APP/pages/landingPage/sections/HeroSection.jsx b/src/APP/pages/landingPage/sections/HeroSection.jsx
index 668e7154..55e4cb5d 100644
--- a/src/APP/pages/landingPage/sections/HeroSection.jsx
+++ b/src/APP/pages/landingPage/sections/HeroSection.jsx
@@ -17,7 +17,7 @@ function HeroSection() {
   const containerRef = useRef(null);
 
   useEffect(() => {
-    const ellipses = containerRef.current.querySelectorAll('.ellipse');
+    const ellipses = containerRef.current.querySelectorAll(".ellipse");
 
     ellipses.forEach((ellipse) => {
       ellipse.style.transitionDuration = `${Math.random() * 12 + 8}s`;
@@ -60,8 +60,8 @@ function HeroSection() {
         </button>
       </div>
 
-      <div className="lg:flex flex-col items-center min-w-[1440px] min-h-[600px] rounded-[70%] relative my-6">
-        <div className="relative creative-shapes my-10"  ref={containerRef}>
+      <div className="hidden md:block lg:flex flex-col items-center min-w-[1440px] min-h-[600px] rounded-[70%] relative my-6">
+        <div className="relative creative-shapes my-10" ref={containerRef}>
           <div className="ellipse ellipse115 rounded-full" />
           <div className="ellipse ellipse116 rounded-full" />
           <div className="ellipse ellipse117 rounded-full" />