From f4407dc1e65fa115ce257ef64964cbd7e3446294 Mon Sep 17 00:00:00 2001 From: not-matthias <26800596+not-matthias@users.noreply.github.com> Date: Thu, 7 Dec 2023 19:24:45 +0100 Subject: [PATCH] fix: projects margin Fixes #43 --- sass/parts/_cards.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/sass/parts/_cards.scss b/sass/parts/_cards.scss index 5a6d3e2b..4040ace8 100644 --- a/sass/parts/_cards.scss +++ b/sass/parts/_cards.scss @@ -1,11 +1,22 @@ .cards { display: grid; - grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-template-rows: auto; gap: 24px; padding: 12px 0; } +@media all and (min-width: 640px) { + .cards { + grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); + } +} + +@media all and (max-width: 640px) { + .cards { + grid-template-columns: repeat(auto-fill, 1fr); + } +} + .card { min-height: 100px; background: var(--bg-2);