実践
CSS GridとFlexboxの使い分け
3

1回目と少し似ていますが、今回は「見出し」と「本文テキスト」という意味的に対になった要素のレイアウトを考えてみます。CSS GridとFlexbox、それぞれの特徴が顕著に表れます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

いくつかの実務でよく扱う特徴的なレイアウトを、CSS GridとFlexboxの両方で作り、使い分けるための勘所を身に付けましょう。2回目ではレスポンシブデザインを例にあげ、CSS GridとFlexboxの両方で実装します。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

いくつかの実務でよく扱う特徴的なレイアウトをCSS GridとFlexboxの両方で作り、使い分けるための勘所を身に付けましょう。1回目はテキスト量が変化する要素を並べるレイアウトを取り上げます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア