schulze/schulzestudio
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

keep aspect ratio sections

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/css/layout/_main.scss
View File

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

10
src/index.html
View File

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