Add bigger container max-width for desktop view
This commit is contained in:
parent
5eaebd5d12
commit
1043690a5d
@ -29,3 +29,4 @@ $errorColor: desaturate($errorText, 50%);
|
|||||||
|
|
||||||
// Responsivity
|
// Responsivity
|
||||||
$mobileThreshold: 632px;
|
$mobileThreshold: 632px;
|
||||||
|
$desktopThreshold: 940px;
|
||||||
|
@ -650,16 +650,16 @@ button, .button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@mixin container {
|
@mixin container {
|
||||||
width: $mobileThreshold;
|
width: 100%;
|
||||||
padding: 0 16px;
|
padding: 0 8px;
|
||||||
|
|
||||||
@media (min-width: $mobileThreshold) {
|
@media (min-width: $mobileThreshold) {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $mobileThreshold) {
|
@media (min-width: $desktopThreshold) {
|
||||||
width: 100%;
|
width: $desktopThreshold;
|
||||||
padding: 0 8px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user