From a2d778de9839445eccddeea12ca3aa09b3053149 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Tue, 16 Jul 2024 13:01:48 +0200 Subject: [PATCH] style: fix footer margin on mobile --- .../FooterBackground/styles.module.css | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/docs/src/components/FooterBackground/styles.module.css b/docs/src/components/FooterBackground/styles.module.css index 96c2a0269..76e6a901f 100644 --- a/docs/src/components/FooterBackground/styles.module.css +++ b/docs/src/components/FooterBackground/styles.module.css @@ -6,3 +6,30 @@ [class*='footerLanding'] { margin-top: -106px; } + +@media (max-width: 996px) { + .moonContainer { + margin-top: 121px; + } + [class*='footerLanding'] { + margin-top: -121px; + } +} + +@media (max-width: 700px) { + .moonContainer { + margin-top: 147px; + } + [class*='footerLanding'] { + margin-top: -147px; + } +} + +@media (max-width: 376px) { + .moonContainer { + margin-top: 173px; + } + [class*='footerLanding'] { + margin-top: -173px; + } +}