Computer scienceFrontendCSSFlexbox

Axis alignment

Theory

Pedestal

Report a typo

Make a pedestal using flexbox.

The first item should be placed at the exact center of the cross axis, the second item should be stuck to the top of the container, and the third item stuck to the bottom of the container.
Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="flex-container">
<div class="flex-item silver">2nd place</div>
<div class="flex-item gold">1st place</div>
<div class="flex-item bronze">3rd place</div>
</div>
</body>
</html>

Completed 0 of 1
The pedestal looks great!
___

Create a free account to access the full topic