scrimba
Responsive Design
Taking flexbox to the next level
Exploring align-content
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

Exploring align-content
AboutCommentsNotes
Exploring align-content
Expand for more info
index.html
run
preview
console
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Understanding flexbox!</h1>

<div class="flex-container">
<div class="flex-item">flex item 1</div>
<div class="flex-item big">flex item 2</div>
<div class="flex-item">flex item 3</div>
<div class="flex-item">flex item 4</div>
<div class="flex-item">flex item 5</div>
</div>
</body>
</html>
Console
index.html
-4:23