sync: Updates from docusaurus-template

writedocs · Dec 23, 2024 · c617ad6 · c617ad6
1 parent a7ebe2b
commit c617ad6
Showing 1 changed file with 27 additions and 4 deletions.
diff --git a/src/components/writedocsComponentsFolder/Cards/cards.css b/src/components/writedocsComponentsFolder/Cards/cards.css
@@ -141,24 +141,47 @@
 
 @media (min-width: 995px) and (max-width: 1060px) {
   .wd_cards_container.grid-columns-auto,
-  .wd_cards_container.grid-columns-1,
-  .wd_cards_container.grid-columns-2,
   .wd_cards_container.grid-columns-3 {
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
+
+  .wd_cards_container.grid-columns-1 {
+    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+  }
+
+  .wd_cards_container.grid-columns-2 {
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  }
 }
 
 @media (max-width: 650px) {
   .wd_cards_container.grid-columns-auto,
-  .wd_cards_container.grid-columns-1,
-  .wd_cards_container.grid-columns-2,
   .wd_cards_container.grid-columns-3,
   .wd_cards_container.grid-columns-4,
   .wd_cards_container.grid-columns-5 {
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
 
+  .wd_cards_container.grid-columns-1 {
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  }
+
+  .wd_cards_container.grid-columns-2 {
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  }
+
   .wd_icon_card {
     padding: 12px 14px;
   }
 }
+
+@media (max-width: 350px) {
+  .wd_cards_container.grid-columns-auto,
+  .wd_cards_container.grid-columns-1,
+  .wd_cards_container.grid-columns-2,
+  .wd_cards_container.grid-columns-3,
+  .wd_cards_container.grid-columns-4,
+  .wd_cards_container.grid-columns-5 {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}