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