CSS GridとFlexboxの使い分け | 第1回 テキスト量が変化する要素を並べる

CSS GridとFlexboxの使い分け 第1回 テキスト量が変化する要素を並べる いくつかの実務でよく扱う特徴的なレイアウトをCSS GridとFlexboxの両方で作り、使い分けるための勘所を身に付けましょう。1回目はテキスト量が変化する要素を並べるレイアウトを取り上げます。 はじめに 2020年現在、CSS Gridはすでに多くのブラウザで利用できるようになっています。そうなったことで、CSS GridやFlexboxをどう使い分けたらよいのかと悩んでいる方を見かけることがあります。筆者は、過去に何度かCSS GridやFlexboxに関する記事を書いています。そして実務でもCSS GridとFlexboxを使う機会が多くあります。 本記事では、これまでの筆者の経験をもとに、どのようにCSS GridとFlexboxを使い分けているのかを解説します。 なお、記事がフォーカスするのは

[zuboriradio]

“筆者は何かしらのレイアウトを実装する際、まずはじめにCSS Gridで実装できるかどうかを考えています。CSS Gridが適切でなければFlexboxで実装することを考え、そうでなければそれ以外の方法で実装を考えます。”