diff --git a/assets/sass/_vars.scss b/assets/sass/_vars.scss index 31b7580..1387331 100644 --- a/assets/sass/_vars.scss +++ b/assets/sass/_vars.scss @@ -29,3 +29,4 @@ $errorColor: desaturate($errorText, 50%); // Responsivity $mobileThreshold: 632px; +$desktopThreshold: 940px; diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss index 5a00bff..94508cc 100644 --- a/assets/sass/layout.scss +++ b/assets/sass/layout.scss @@ -650,16 +650,16 @@ button, .button { } @mixin container { - width: $mobileThreshold; - padding: 0 16px; + width: 100%; + padding: 0 8px; @media (min-width: $mobileThreshold) { margin: 0 auto; + padding: 0 16px; } - @media (max-width: $mobileThreshold) { - width: 100%; - padding: 0 8px; + @media (min-width: $desktopThreshold) { + width: $desktopThreshold; } }