mirror of
https://github.com/kingomarnajjar/flex-template-web.git
synced 2026-07-27 19:42:11 +10:00
Merge pull request #641 from sharetribe/fix-landing-page-medium-layout
Fix landing page paddings in medium breakpoint
This commit is contained in:
commit
d83c661552
2 changed files with 5 additions and 12 deletions
|
|
@ -14,7 +14,7 @@
|
|||
}
|
||||
|
||||
@media (--viewportLarge) {
|
||||
padding: 0 30px 81px 30px;
|
||||
padding: 0 0 81px 0;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,14 +48,7 @@
|
|||
|
||||
.sections {
|
||||
margin: 0;
|
||||
|
||||
@media (--viewportMedium) {
|
||||
padding: 1px 7.5vw 0 7.5vw;
|
||||
}
|
||||
|
||||
@media (--viewportLarge) {
|
||||
padding: 1px 0px;
|
||||
}
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.section {
|
||||
|
|
@ -81,13 +74,13 @@
|
|||
margin: var(--sectionMarginTopMobile) 24px 51px 24px;
|
||||
|
||||
@media (--viewportMedium) {
|
||||
max-width: 1052px;
|
||||
margin: 60px auto 60px auto;
|
||||
margin: 60px 7.5vw 60px 7.5vw;
|
||||
}
|
||||
|
||||
@media (--viewportLarge) {
|
||||
max-width: 1052px;
|
||||
max-width: calc(1052px + 36px + 36px);
|
||||
margin: var(--sectionMarginTop) auto 93px auto;
|
||||
padding: 0 36px 0 36px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue