サイトのレイアウト構造を自由自在に操ることができるＣＳＳのレイアウト方法

https://youtu.be/Ei_GspQuS7A

https://youtu.be/hM34uP1Q0Gw

親要素にdisplay:flex;を記述することでつかえる。インライン型の親要素にはdisplay:inline-flex;

前提として、親要素と子要素がある。

主軸と交差軸の概念がある。

flex-directionプロパティでこの主軸を指定する。

子要素の折り返し

flex-wrap

水平方向の揃え

justify-content

垂直方向の揃え

align-items

複数行にしたときの揃え