keep aspect ratio sections

This commit is contained in:
Thefeli73 2020-02-26 20:54:13 +01:00
parent 44bac27e74
commit 2ea691b5e1
2 changed files with 24 additions and 6 deletions

View File

@ -3,12 +3,18 @@
#main {
width: 100%;
margin: 8em 0;
> section {
height: 400px;
width: 100%;
max-width: 600px;
margin: 8em auto 4em;
max-width: 800px;
margin: 8em auto;
background-color: #fff;
> div {
width: 100%;
padding-bottom: 50%;
}
}
/*
@include breakpoint('<=xlarge') {
@ -26,11 +32,13 @@
@include breakpoint('<=small') {
}
*/
@include breakpoint('<=xsmall') {
> section {
margin: 2em auto;
}
}
/*
@include breakpoint('<=xxsmall') {
}

View File

@ -93,6 +93,16 @@
<div id="main">
<section>
<div>
</div>
</section>
<section>
<div>
</div>
</section>
<section>
<div>
</div>
</section>
</div>