Improve responsive layout

Notably fixes the issues with the language
select on narrow viewports (mobile).
This commit is contained in:
Olivier Lacan 2023-03-06 20:16:54 -08:00
parent 2c562d1e5b
commit 743ce86e1f
3 changed files with 6 additions and 4 deletions

View File

@ -12,13 +12,13 @@ $color-light-sand: lighten($color-sand, 10%)
/* === Breakpoints === */
// Small tablets and large smartphones (landscape view)
$screen-sm-min: 576px;
$screen-sm-min: 576px
// Small tablets (portrait view)
$screen-md-min: 768px;
$screen-md-min: 768px
// Tablets and small desktops
$screen-lg-min: 992px;
$screen-lg-min: 992px
// Large tablets and desktops
$screen-xl-min: 1200px;
$screen-xl-min: 1200px

View File

@ -1,4 +1,5 @@
@import "variables"
@import "mixins"
$break-small: em(480px)
$break-medium: em(800px)

View File

@ -1,4 +1,5 @@
@import "variables"
@import "mixins"
div.header
padding-top: 5em