フレックスアイテムを縦に並べる

display: flex;
flex-direction: column;
Item1
Item2
Item3
Item4
Item5

メディアクエリを使えばビューポート幅に合わせてフレックスアイテムの縦並び/横並びを切り替えられる。

display: flex;
flex-direction: column;

@media (width >= 768px) {
  flex-direction: row;
}
Item1
Item2
Item3
Item4
Item5