From 07e27cb0f96222997f1bcff990cd6f5624aa2f1d Mon Sep 17 00:00:00 2001
From: allen <272970666@qq.com>
Date: Sat, 6 May 2023 16:25:37 +0800
Subject: [PATCH 1/3] fix: homepage icon grid layout

---
 src/components/IconGrid/IconGrid.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css
index e96e435..d35d0eb 100644
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -8,11 +8,9 @@
 }
 
 .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;
 }
 
 .grid-item {

From 582a9e2fd55d211e3d533802f171e525387a48cf Mon Sep 17 00:00:00 2001
From: allen <73213399+Allen-1998@users.noreply.github.com>
Date: Sat, 6 May 2023 17:42:27 +0800
Subject: [PATCH 2/3] fix: margin

---
 src/components/IconGrid/IconGrid.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css
index d35d0eb..d8a0c29 100644
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -11,6 +11,7 @@
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
   max-width: 1120px;
+  margin: auto;
 }
 
 .grid-item {

From c774c8047adfc76e78c757a566d6471d829c2b80 Mon Sep 17 00:00:00 2001
From: allen <272970666@qq.com>
Date: Tue, 19 Sep 2023 12:08:10 +0800
Subject: [PATCH 3/3] fix: gird template columns width

---
 src/components/IconGrid/IconGrid.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css
index d8a0c29..27368ad 100644
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -257,6 +257,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;