DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

stylesheet: center the column on narrow screens

Browse source
This commit is contained in:
Pierre de La Morinerie 2019-03-14 17:04:00 +01:00
parent ce2df5cd25
commit a6380f8cbb
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/new_design/layouts.scss
View file

@ -13,6 +13,7 @@
@extend .container; @extend .container;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
@media (min-width: $two-columns-breakpoint) { @media (min-width: $two-columns-breakpoint) {
flex-direction: row; flex-direction: row;
@ -25,9 +26,11 @@
padding: $two-columns-padding 0 $two-columns-padding 0; padding: $two-columns-padding 0 $two-columns-padding 0;
width: 100%; width: 100%;
max-width: 500px; max-width: 500px;
margin: 0 auto;
@media (min-width: $two-columns-breakpoint) { @media (min-width: $two-columns-breakpoint) {
width: 45%; width: 45%;
margin: 0;
} }
} }
} }