@fif

Как задать space-between для flex-direction: column?

У меня есть такой html код
<div class="block">
  <div class="c1"></div>
  <div class="c2"></div>
</div>

и такие стили для html
.block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  height: 400px;
}
.c1 {
  width: 100%;
  height: 100px;
}
.c2 {
  width: 100%;
  height: 200px;
}

Мне надо чтобы мои блоки c1 и c2 прилипли один к верху другой к низу. Пробовал:
justify-content: space-between;
align-content: space-between;

Ничего из этого не помогло, подскажите как их прилепить к краям как это делает justify-content с горизонтальным положением.
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы