From f45e567bcb84cbb2b0d33c0a8863e2cb4b6b1d2a Mon Sep 17 00:00:00 2001 From: Xillians Date: Tue, 18 Jun 2024 13:56:07 +0200 Subject: [PATCH] use grid --- src/components/project-list-card.astro | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/project-list-card.astro b/src/components/project-list-card.astro index eafc0906..6a19160b 100644 --- a/src/components/project-list-card.astro +++ b/src/components/project-list-card.astro @@ -35,7 +35,8 @@ const { data } = Astro.props; .card { width: 100%; background-color: hsl(var(--blue-base) 95%); - display: flex; + display: grid; + grid-template-columns: 1fr 1fr; justify-content: space-between; padding: 1.5rem; border-radius: var(--border-radius); @@ -67,7 +68,7 @@ const { data } = Astro.props; } @media (max-width: 640px) { .card { - flex-direction: column; + grid-template-columns: auto; } dl { text-align: start;