【css】display:flexで上下中央揃え

display: flexで上下中央揃えにしたいとき

.hoge{
  display: flex;
  justify-content: center;
  align-items: center;
}

justify-content: center;
左右方向に中央揃えになる

align-items: center;
上下方向に中央揃えになる