本章のbodyの中身について、(1)display: flex;と(2)flex-direction: column;を書いていますが、
どうしても理解できなくイメージが掴めません。もう少し噛み砕いて説明していただけないで
しょうか？

body {
  margin: 0;
  display: flex;・・・（１）
  flex-direction: column;・・・（２）
  height: 100%;
}