Fix sponsor's image responsiveness issue (#971)

PalisadoesFoundation · Mar 3, 2025 · 8f948ff · 8f948ff
1 parent 737f2f0
commit 8f948ff
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -929,7 +929,7 @@ a:hover {
 }
 
 .participation-feature-card__image img {
-  width: 35vw;
+  width: 100%;
   max-width: 500px;
 }
 
@@ -943,10 +943,12 @@ a:hover {
 @media (max-width: 996px) {
   .participation-feature-card {
     padding: 2rem;
+    flex-direction: column;
   }
 
   .participation-feature-card__image {
     width: 60vw;
+    padding-bottom: 1rem;
   }
 }
 
@@ -1079,7 +1081,7 @@ a:hover {
 
   /* Section 7 - Participation-feature-card */
   .participation-feature-card__image img {
-    width: 50vw;
+    width: 30vw;    
   }
 
   /* Section 8 */