diff --git a/resources/css/blocks/card-grid.css b/resources/css/blocks/card-grid.css
new file mode 100644
index 0000000..8779467
--- /dev/null
+++ b/resources/css/blocks/card-grid.css
@@ -0,0 +1,19 @@
+.card-grid {
+  &--columns-2 .card-grid__innerblocks {
+    @apply md:grid-cols-2;
+    /* grid-template-columns: repeat(2, 1fr); */
+  }
+  &--columns-3 .card-grid__innerblocks {
+    @apply md:grid-cols-3;
+  }
+  &--columns-4 .card-grid__innerblocks {
+    @apply md:grid-cols-2 lg:grid-cols-4;
+  }
+  &--columns-5 .card-grid__innerblocks {
+    @apply md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5;
+  }
+
+  &__innerblocks {
+    @apply gap-8;
+  }
+}