testsigmahq
diff --git a/‎src/components/Footer.jsx‎
Lines changed: 1 addition & 1 deletion b/‎src/components/Footer.jsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/Footer.scss‎
Lines changed: 10 additions & 1 deletion b/‎src/components/Footer.scss‎
Lines changed: 10 additions & 1 deletion
@@ -12,7 +12,7 @@ const Footer = ()=> {
             <FeedbackButtons />
             {/* <SubscribeButton /> */}
             <div className='footer-cta rounded'>
-                <div className='flex items-center justify-between'>
+                <div className='flex items-center justify-between flex-wrap'>
                     <h3 className='cta-heading m-0'>Learn how to execute low code tests across 3000+ device / browser environments.</h3>
                     <a href='/request-demo' target={'_blank'} className='cta-link border border-green-600 px-4 py-1.5 bg-green-600 text-white rounded h-10'>Schedule a free demo</a>
                 </div>
 
@@ -323,15 +323,24 @@
 }
 .footer-cta{
   background-color: #EFEFEF;
-  padding: 2rem 6rem;
+  padding: 2rem 3rem;
+  @media only screen and (max-width: 767px) {
+    @apply p-8;
+  }
   .cta-heading{
     flex: 0 0 70%;
     font-size: 24px !important;
     line-height: 38px !important;
     margin: 0 !important;
+    @media only screen and (max-width: 1023px) {
+      @apply pb-8;
+      flex: 0 0 100%;
+    }
   }
   .cta-link{
     font-weight: 600;
     font-size: 18px;
+    @apply text-center;
+    height: fit-content;
   }
 }