From 2d19c893e14700022ec8786de43f0b2766ff7776 Mon Sep 17 00:00:00 2001 From: Li Zhineng Date: Tue, 15 Jul 2025 19:53:59 +0800 Subject: tweak styles --- app.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/app.css b/app.css index 4fe0c88..8d181e0 100644 --- a/app.css +++ b/app.css @@ -88,7 +88,7 @@ fieldset { body { display: grid; - grid: max-content max-content 4.5rem / auto; + grid: max-content max-content 7.5rem / auto; justify-content: center; font-family: "Inter", sans-serif; color: var(--color-white); @@ -107,6 +107,7 @@ body { .container { position: relative; margin-block-start: 3rem; + margin-inline: 1.25rem; grid-row: 2; padding: 2rem 1.5rem 3rem; background: linear-gradient(324deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06)); @@ -236,7 +237,6 @@ body { display: flex; flex-direction: row; align-items: center; - gap: 1rem; margin-block-start: 2rem; padding-inline-end: 0.5rem; background-color: var(--color-zinc-900); @@ -370,7 +370,7 @@ body { @media (min-width: 768px) { body { - grid: max-content max-content 4.5rem / 40rem; + grid-template-columns: 40rem; } .page__header { @@ -379,5 +379,6 @@ body { .container { padding: 3rem 4rem 4rem; + margin-inline: 0; } } -- cgit v1.2.3