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

Question

[fif]

У меня есть такой 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 с горизонтальным положением.

Comments

[iBird Rose]

justify-content: space-between; работает же https://jsfiddle.net/2o3pedf0/

[Ankhena]

Ну я даже не знаю как оно могло не помочь..
https://jsfiddle.net/3v5chprq/

На будущее: делайте песочницу на jsfiddle или аналоге сами, чтобы было видно как вы это пробовали.

[Froggyweb]

блин ну у тебя 2 вложенных блока занимают всю высоту. контент в блоке располагается сверху вниз. достаточно задать height: 400px; для div class="block" (но это в 90% случаев плохо) и ему же justify-content: space-between;

[Ankhena]

Froggyweb, там и так 400