リスト要素の項目を横並びにする で、ウィンドウ幅に応じて折り返し方を変える方法。
具体的には、ウィンドウ幅が狭い場合は折り返さない。ウィンドウ幅がある程度広い場合は折り返したい場合、下記のように指定する。
CSS
補足
- ４行目：折り返さない場合の li 要素の幅（列数）を指定。
- ８行目以降：ウィンドウ幅が 640px 以上のときの、折り返しと寄せる方向、表示列数を指定。
- レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。
HTML
補足
- １行目：ウィンドウ幅が 640px 未満のとき、折り返さないので data-flex-wrap="nowrap" を設定。