Hero image hidden on small screens

SpaceyaTech · Jun 6, 2024 · 1f1e23d · 1f1e23d
1 parent 6b44ac1
commit 1f1e23d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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" />