Perfect Center
Lesson 11 of 15 in Coddy's CSS Flexbox - The Complete Course course.
One of the most commons problems in centering element both horizontally and vertically in a container, using flexbox this task is simple!
Challenge
EasyUsing what you learned, center the given flex item inside the flex container.
Try it yourself
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div />
</div>
</body>
</html>All lessons in CSS Flexbox - The Complete Course
2Flex Container
Flexboxflex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentgapPerfect Center