У меня есть контейнер с тремя блоками. 2 блока должны быть в центре контейнера, а третий снизу. Как сделать это используя флексы?
.container {
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.first {
display: flex;
align-items: center;
justify-content: center;
/* другие стили */
}
.second {
display: flex;
align-items: center;
justify-content: center;
/* другие стили */
}
.third {
display: flex;
align-items: center;
justify-content: center;
}
<div class="container">
<div class="first">
<p>first</p>
</div>
<div class="second">
<p>second</p>
</div>
<div class="third">
<p>third</p>
</div>
</div>
Как прижать блок с классом third
к низу страницы?