CSSの新しいレイアウトモジュール「CSS Grid」を使って、レスポンシブ対応の3カラムレイアウトを実装するチュートリアル

「CSS Grid」はCSSの新しいレイアウトモジュールで、まだEditor's Draftですが、手続き完了に近づいています。このモジュールは17個の新しいプロパティを持ち、今までとは異なる新しいコンセプトでCSSを記述します。 この新しい仕様がどのように機能し、どのように記述するか、レスポンシブ対応の3カラムレイアウトを使って紹介します。 CSS Gridの基本的な使い方は、下記ページをご覧ください。 CSS Gridの実装で必要な基礎知識、主要なプロパティと用語をくわしく解説 The Holy Grail Layout with CSS Grid 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「Holy Grail Layout（聖杯レイアウト）」とは 「CSS Grid」で3カラムレイアウトを実装 実装の解説 「Holy G

[webarata3]

知らなかった

[jislotz]

ブラウザの横幅をひろげていくと、レイアウトが変わるやつ。

[masayoshinym]

聖杯って聞いた時点でどこぞのサーバントが想起されて集中して読めなかった。