Merge pull request #6071 from NishantSinghhhhh

Made the section Playground section responsive
layer5io · Nov 10, 2024 · 822a8fc · 822a8fc
2 parents 74515e6 + 28306ed
commit 822a8fc
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
@@ -64,7 +64,10 @@ const ViewsSectionWrapper = styled.div`
     @media only screen and (max-width: 767px) {
       text-align: center;
       flex-direction: column-reverse;
+      height: 600px;
+      padding: 0 2%;
     }
+      
 }
     .hero-text {
         display: flex;
@@ -76,7 +79,13 @@ const ViewsSectionWrapper = styled.div`
           max-width: 100%;
           justify-content: center;
           text-align: center;
+          margin-top: 4rem;
+        }
+        @media only screen and (min-width: 768px) and (max-width: 1100px) {
+          padding-left: 1rem;
         }
+
+          
     }
 
     .hero-image {