fix: responsive columns

Veirt · Aug 2, 2024 · 1c3df93 · 1c3df93
1 parent 5022194
commit 1c3df93
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -38,3 +38,4 @@ tests/
 Dockerfile
 docker-compose.yml
 
+static/style.css
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@
 config/vesta.toml
 !config/.gitkeep
 node_modules
+static/style.css
diff --git a/src/style.css b/src/style.css
@@ -3,23 +3,23 @@
 @tailwind utilities;
 
 [data-columns="1"] {
-    @apply grid-cols-1 w-[8rem];
+    @apply grid-cols-1 md:w-[8rem];
 }
 
 [data-columns="2"] {
-    @apply grid-cols-2 w-[16rem];
+    @apply grid-cols-2 md:w-[16rem];
 }
 
 [data-columns="3"] {
-    @apply grid-cols-3 w-[24rem];
+    @apply grid-cols-3 md:w-[24rem];
 }
 
 [data-columns="4"] {
-    @apply grid-cols-4 w-[32rem];
+    @apply grid-cols-4 md:w-[32rem];
 }
 
 [data-columns="5"] {
-    @apply grid-cols-5 w-[40rem];
+    @apply grid-cols-5 sm:w-[40rem];
 }
 
 [data-columns="6"] {