scrimba
CSS Exercises: Flex
Flex #1
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Flex #1
AboutCommentsNotes
Flex #1
Expand for more info
index.css
run
preview
console
body, html{
margin:0;
padding:0;
font-size: 1em;
font-weight: 300;
color:white;
}

.item{
background-color:gray;
padding: 16px;
border:1px solid white;
}

.main{
display:flex;
width:100vw;
}

.container {
display:flex;
flex-wrap:wrap;
height:80vh;
}

.aside{
display:flex;
min-width:40vw;
}
.footer{

}

.item.header{
min-width:60vw;
}
.item.article{
flex-grow:1;
}
.item.footer-content{
height:20vh;
}
.item.menu{
flex-grow:1;
}
Console
/index.html
LIVE