Main Page.css: Difference between revisions

← Older edit Newer edit →

@@ Line 479: / Line 479: @@
    flex-direction: column;
    margin: 0;
+}
+.crw-card-grid > p{
+  display: none !important;
+}
+/* keep cards from ever shrinking into slithers */
+.crw-card-grid > .crw-card{
+  flex-shrink: 0;
+  min-width: 240px;
+}
+/* small screens: wrap into readable rows instead of shrinking */
+@media (max-width: 900px){
+  .crw-card-grid{
+    flex-wrap: wrap;
+    overflow-x: visible;
+    justify-content: center;
+  }
+  .crw-card-grid > .crw-card{
+    flex: 1 1 260px;
+    min-width: 220px;
+    max-width: 360px;
+  }
 }