From 92a5a48534666de94d33baab029e686b1cb3f390 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <muhammed@freecodecamp.org>
Date: Tue, 21 Mar 2023 09:50:44 +0200
Subject: [PATCH] refactor(client): clean landing page CSS file (#49726)

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
---
 client/src/components/landing/landing.css | 57 ++++-------------------
 1 file changed, 10 insertions(+), 47 deletions(-)

diff --git a/client/src/components/landing/landing.css b/client/src/components/landing/landing.css
index 8b5ac798f78..29aa4ad283d 100644
--- a/client/src/components/landing/landing.css
+++ b/client/src/components/landing/landing.css
@@ -53,18 +53,6 @@ figcaption.caption {
   font-weight: 700;
 }
 
-.campers-images {
-  display: none !important;
-}
-
-@media (min-width: 1200px) {
-  .campers-images {
-    display: inline-block !important;
-    width: 100%;
-    height: 100%;
-  }
-}
-
 .logo-row {
   display: flex;
   flex-direction: row;
@@ -128,20 +116,13 @@ figcaption.caption {
 }
 
 .testimonial-card {
-  max-width: 350px;
   display: flex;
-  flex-direction: column;
   margin: 10px 10px 50px;
-  background: var(--gray-00);
+  background-color: var(--primary-background);
   -webkit-box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0.09);
   box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0.09);
 }
 
-.testimonial-image,
-.landing-page-image {
-  width: 100%;
-}
-
 .testimonial-meta {
   display: flex;
   flex-direction: column;
@@ -157,28 +138,17 @@ figcaption.caption {
 }
 
 .testimonial-card-header {
-  height: 100%;
-  padding-bottom: 100%;
-  position: relative;
-  background-color: var(--primary-background);
+  height: 350px;
+  min-width: 350px;
 }
-
-.testimonial-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: auto;
-}
-
 .testimonials-footer {
   display: flex;
   flex-direction: column;
   padding: 25px;
   text-align: justify;
   justify-content: center;
-  background-color: var(--primary-background);
 }
+
 .landing-top,
 .as-seen-in,
 .certification-section,
@@ -196,16 +166,14 @@ figcaption.caption {
   }
 }
 
-@media (min-width: 992px) {
+@media (max-width: 992px) {
   .testimonial-card {
-    flex-direction: row;
-    width: auto;
-    max-width: none;
-  }
-  .testimonial-image {
-    width: auto;
-    height: 100%;
+    flex-direction: column;
+    max-width: 350px;
   }
+}
+
+@media (min-width: 992px) {
   .testimonial-meta {
     padding: 0 0 30px;
   }
@@ -216,9 +184,4 @@ figcaption.caption {
   .testimonials-footer {
     padding: 40px;
   }
-  .testimonial-card-header {
-    height: 350px;
-    min-width: 350px;
-    padding-bottom: 0;
-  }
 }