Recap Challenge
Lesson 6 of 9 in Coddy's How to Center Div or Text using CSS course.
Let's recap!
Challenge
EasyYou are given 3 boxes (div), center everything using the following constraints:
Center the smallest div using flexbox, center the middle sized div using position and translate.
Don't change the sizes!
Try it yourself
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3"/>
</div>
</div>
</body>
</html>All lessons in How to Center Div or Text using CSS
1Introduction
What is this course?2Center Div
Margin AutoPosition Absolute - TranslatePosition Absolute - MarginFlex BoxRecap Challenge