From 4ea622e2518776ae1e0f9366037862e3d849b6cf Mon Sep 17 00:00:00 2001 From: moonleay Date: Wed, 20 Dec 2023 12:09:02 +0100 Subject: [PATCH] feat: improve footer --- src/styles/components/Footer.scss | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/styles/components/Footer.scss b/src/styles/components/Footer.scss index 9d057d8..620c92f 100644 --- a/src/styles/components/Footer.scss +++ b/src/styles/components/Footer.scss @@ -24,9 +24,18 @@ footer { } .footerTable { - padding: 20px 0; + padding: 20px; display: grid; - grid-template-columns: repeat(4, 1fr); + @media (max-width: 768px) { + grid-template-columns: repeat(2, 1fr); + gap: 0; + div { + padding: 10px; + } + } + @media (min-width: 769px) { + grid-template-columns: repeat(4, 1fr); + } gap: 20px; div {