fix unnecessary scroll on devices with lower width

making footer size bigger by 24px
This commit is contained in:
Aditya Telange 2020-07-23 13:34:53 +05:30
parent 2955f2a19d
commit 47bc2ee10d
1 changed files with 7 additions and 2 deletions

View File

@ -9,6 +9,12 @@
padding: var(--gap); padding: var(--gap);
} }
@media screen and (max-width: 400px) {
.main {
min-height: calc(100vh - var(--header-height) - var(--footer-height) - 24px);
}
}
.page-header { .page-header {
margin-bottom: 24px; margin-bottom: 24px;
} }
@ -38,5 +44,4 @@
margin-left: auto; margin-left: auto;
padding-left: 18px; padding-left: 18px;
padding-right: 16px; padding-right: 16px;
} }