thonk

Jellyfish4654 · Dec 24, 2023 · 5514897 · 5514897
1 parent 22407c4
commit 5514897
Showing 1 changed file with 27 additions and 8 deletions.
diff --git a/styles/style.css b/styles/style.css
@@ -2455,16 +2455,35 @@ textarea.form-control {
 .brand-list {
   display: flex;
   flex-wrap: wrap;
-  margin-right: -5px;
-  margin-left: -5px;
+  margin-right: -15px;
+  margin-left: -15px;
 }
+
 .brand-list .single-brand {
-  flex: 0 0 24%;
-  max-width: 20%;
-  padding-left: 5px;
-  padding-right: 5px;
-  display: inline-block;
-  margin-bottom: 50px;
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-bottom: 30px;
+  flex: 1;
+  min-width: 150px;
+  max-width: 24%;
+}
+
+@media (min-width: 768px) {
+  .brand-list .single-brand {
+    max-width: 24%;
+  }
+}
+
+@media (min-width: 992px) {
+  .brand-list .single-brand {
+    max-width: 19%;
+  }
+}
+
+@media (min-width: 1200px) {
+  .brand-list .single-brand {
+    max-width: 15%;
+  }
 }
 .brand-list .single-brand a {
   display: inline-block;