From 8f10aabcc6baccc7120cccb565707a93f8dc1499 Mon Sep 17 00:00:00 2001 From: Felix Icaza Date: Mon, 12 Aug 2024 21:02:26 -0600 Subject: [PATCH] style: fix .grid-auto-fit responsive --- src/routes/index.astro | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/routes/index.astro b/src/routes/index.astro index a27b023..0668136 100644 --- a/src/routes/index.astro +++ b/src/routes/index.astro @@ -59,6 +59,16 @@ import { GradientColor } from '../components/GradientBackground/GradientBackgrou margin: 0 auto; } + @media (width >= 992px) { + .grid-auto-fit { + --min-item-width: 30rem; + --grid-gap: 2rem; + + margin-inline: auto; + max-width: 100%; + } + } + main { overflow: hidden; } @@ -72,13 +82,5 @@ import { GradientColor } from '../components/GradientBackground/GradientBackgrou margin: 0 auto; } } - - .grid-auto-fit { - --min-item-width: 30rem; - --grid-gap: 2rem; - - margin-inline: auto; - max-width: 100%; - } }