From 47bc2ee10d5668c24de68913236823284761b2e5 Mon Sep 17 00:00:00 2001 From: Aditya Telange <21258296+adityatelange@users.noreply.github.com> Date: Thu, 23 Jul 2020 13:34:53 +0530 Subject: [PATCH] fix unnecessary scroll on devices with lower width making footer size bigger by 24px --- assets/css/main.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 4947fe41..126b1bf9 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -9,6 +9,12 @@ padding: var(--gap); } +@media screen and (max-width: 400px) { + .main { + min-height: calc(100vh - var(--header-height) - var(--footer-height) - 24px); + } +} + .page-header { margin-bottom: 24px; } @@ -38,5 +44,4 @@ margin-left: auto; padding-left: 18px; padding-right: 16px; -} - +} \ No newline at end of file