NG: 親に display: flex がないので justify-content は効かない
子1
子2
子3
OK: display: flex を指定してから使う
子1
子2
子3
NG: gap が効かない(親が通常のブロック要素)
子1
子2
OK: display: flex を指定すると gap が効く
子1
子2
NG: flex-wrap なし(はみ出す)
子1
子2
子3
OK: flex-wrap: wrap で折り返す
子1
子2
子3