最終回 特定のものだけを画面幅いっぱいに広げる
特定のものだけ画面幅いっぱいに広げるというレイアウトを、サブグリッドを使ってシンプルに実装してみます。また、いままで学んだことを盛り込み、サブグリッドでグリッドシステムを実装するデモも見てみます。
第2回 縦に並んだ各項目内のテキストを揃える
今回は、縦に並んだ記事リンク内のテキストを揃えるというレイアウトを例に、解説していきます。サブグリッドを使って実装することで、揃えたい箇所の文字数が可変である場合にでも、柔軟に揃えられます。
第1回 サブグリッドの基本と使用例
CSS Gridの待望の機能、サブグリッドが主要なブラウザでサポートされました。基本的な使い方を見てみましょう。カードレイアウトの例を通じて、その強力なレイアウト能力について理解を深めます。