FlexboxよりGridを使う理由 先日、Grid First, Flex Thirdという記事を読んだ。要約すると「レイアウトを行う際は grid > block > flex の順で使うべき」という主張がなされている。 並びのレイアウトはFlexbox、格子状に区切ってどこに何を配置するかはGridを使う派だったのだが、Gridの有用性を再認識した。 Flexboxの使いづらいところ Flexboxで要素を並べると子要素の幅を指定しても圧縮されてしまう。 <section class="layout"> <div class="item"></div> <div class="item"></div> ... </section> .layout { display: flex; overflow-x: auto; } .item { width: 200px; } 子要素の幅を維持

