remove padding for mobile view

Cloud-CV · Jul 14, 2021 · ccd595b · ccd595b
1 parent aa71786
commit ccd595b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/frontend_v2/src/app/components/home/home.component.html b/frontend_v2/src/app/components/home/home.component.html
@@ -430,7 +430,7 @@ <h3 class="fw-light center">Sponsors</h3>
       </div>
     </section>
     <section class="ev-container text-med-black ev-super-light-bg">
-      <div class="grad-container text-med-black">
+      <div class="grad-container-testimonial text-med-black">
         <div class="row">
           <h3 class="fw-light center">Testimonials</h3>
         </div>

diff --git a/frontend_v2/src/app/components/home/home.component.scss b/frontend_v2/src/app/components/home/home.component.scss
@@ -168,6 +168,19 @@ p {
   }
 }
 
+.grad-container-testimonial {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 60px 100px 40px 100px;
+  clear: both;
+}
+
+@media screen and (max-width: 992px){
+    .grad-container-testimonial {
+      padding: 10px;
+  }
+}
+
 
 #gsoc {
   height: 45%;