update

styles.css

@@ -19,10 +19,7 @@
 /* Grid 樣式 */
 .ge-grid-container {
     display: block;
-    column-count: 1;
-    column-width: 320px;
-    column-gap: 12px;
-    padding: 12px !important;
+    padding: 0 !important;
     background: var(--background-secondary) !important;
     flex: 1 1 0;
     width: 100%;
@@ -31,6 +28,40 @@
     box-sizing: border-box;
     overflow-x: hidden;
     overflow-y: auto;
+    container-type: inline-size;
+}
+
+.ge-grid-inner {
+    display: block;
+    column-width: 320px;
+    column-gap: 12px;
+    padding: 12px;
+    box-sizing: border-box;
+    width: 100%;
+}
+
+@container (max-width: 340px) {
+    .ge-grid-inner {
+        column-count: 1;
+    }
+}
+
+@container (min-width: 340px) and (max-width: 660px) {
+    .ge-grid-inner {
+        column-count: 2;
+    }
+}
+
+@container (min-width: 660px) and (max-width: 990px) {
+    .ge-grid-inner {
+        column-count: 3;
+    }
+}
+
+@container (min-width: 990px) and (max-width: 1320px) {
+    .ge-grid-inner {
+        column-count: 4;
+    }
 }
 
 .is-mobile .ge-grid-container::-webkit-scrollbar {