flexboxは個数を折返しまでの直接指定する事はできないため
要素の横幅をパーセントで指定していく事で個数を指定。
例)4つ毎に折り返し→25%を指定
・要素にmargin、paddingをpxで指定している場合や要素間のスペースをgapで指定している場合はcalc()で差分を計算して調整
※margin・paddingは左右にかかるので、数値を2倍で計算が必要
ただし、折返しまでの要素数で指定している場合、
モバイルサイズだと表示が詰まり過ぎになる可能性があるので
画面幅の小さいデバイス向けにwidthやgapのサイズを指定。