Support project previews

1 files changed, 6 insertions, 2 deletions

diff --git a/assets/css/layouts/_card-grid.scss b/assets/css/layouts/_card-grid.scss
index cbc4388..7c8ad8c 100644
--- a/assets/css/layouts/_card-grid.scss
+++ b/assets/css/layouts/_card-grid.scss
@@ -1,13 +1,17 @@
 @include namespace('card-grid') {
     @include store((
         --dims: (
-            --card-width: 17em
+            --col-width: 17em
         )
     ));
 
     @include layout(namespace()) {
         display:               grid;
-        grid-template-columns: repeat(auto-fit, minmax(#{prop(--dims --card-width)}, 1fr));
+        grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
         gap:                   .6rem;
+
+        @include media('<=sm') {
+            grid-template-columns: 1fr;
+        }
     }
 }