Merge pull request #262 from Allen-1998/fix/layout

fix: homepage icon grid layout
2023-09-18 22:35:24 -06:00
parent 24112a8361 c774c8047a
commit 6a27ced40e
1 changed files with 6 additions and 3 deletions
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -8,9 +8,8 @@
 }

 .grid {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  max-width: 1120px;
  margin: auto;
 }
@@ -263,6 +262,10 @@ figcaption > p {
 }

@media screen and (max-width: 536px) {
+  .grid {
+    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
+  }
+
  .grid-item {
    width: 108px;
    height: unset;