diff --git a/src/components/DevelopersHomepage/styles.module.css b/src/components/DevelopersHomepage/styles.module.css
index 0fbea8b5d43..58d3088f215 100644
--- a/src/components/DevelopersHomepage/styles.module.css
+++ b/src/components/DevelopersHomepage/styles.module.css
@@ -81,7 +81,7 @@ a.col {
   }
 
   .col {
-    --ifm-col-width: 50% !important;
+    --ifm-col-width: 50%;
   }
 
   .col2 {
@@ -133,6 +133,8 @@ a.col {
 
 .pad{
   padding: 16px 0 8px 0;
+  min-width: 180px;
+  max-width: 180px;
 }
 
 .dot{
@@ -340,4 +342,11 @@ a.col {
 .customBullets li::marker {
   color: var(--Primary-Orange, #FF5F02);
   font-size: 13px;
-}
\ No newline at end of file
+}
+
+@media screen and (min-width: 996px) and (max-width: 1222px) {
+  .col {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+}