scrimba
Frontend Career Path
Responsive design
Build a Product Splash Page
Aside: Reordering flex items
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

AboutCommentsNotes
Aside: Reordering flex items
Expand for more info
index.css
run
preview
console
.container {
display: flex;
justify-content: space-around;
align-items: center;
min-height: 60vh;
}

.item {
width: 50px;
font-size: 3.125rem;
padding: 0.25em;
background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
border: 2px solid #0093E9;
border-radius: 3px;
}
Console
/index.html
-3:55