商品一覧表示を実装中、
親要素に display: flex; をかけただけだと
このように一列に横並びになってしまうためブラウザからはみ出てしまう。
そこで同じ親要素に、flex-wrap: wrap;（画面幅に収まらない場合は折り返すcss）をかけると
のように折り返し処理をしてくれる。
コード
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme