Responsive

2024-07-08 17:38:54 +07:00
parent 76b2fa4771
commit 08ad924483
8 changed files with 253 additions and 119 deletions
@@ -111,6 +111,18 @@ const mapActivesToItems = (index: number) => {
  -moz-column-count: 4;
  gap: 16px;

+  @media (min-width: 640px) and (max-width: 1024px) {
+    column-count: 2;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+  }
+
+  @media (max-width: 640px) {
+    column-count: 1;
+    -webkit-column-count: 1;
+    -moz-column-count: 1;
+  }
+
  .wrap {
    position: relative;
    width: 100%;