今回のテーマはContainer Queriesです。Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。

CSSのコードと図を使って、少し分かりやすく説明します。 以下はpaddingセットを％指定して2つのグリッド要素を作成するCSSです。 .grid-container { ...

新しいCSSレイアウト仕様Grid Layoutを使うには、これまでのCSSレイアウトの考え方を変える必要があります。どう考えていけばよいのでしょうか？

“CSS Grid Layout”をサポートした「Google Chrome 57」が正式版に ～脆弱性も修正 Android版「Google Chrome」では“Media Session API”がサポート ...

「Google Chrome 57」ベータ版が公開、“CSS Grid Layout”をサポート Android版では“プログレッシブWebアプリ”のOS統合や“Media Session API”対応も ...

For example, a grid container's child elements could position themselves so they actually overlap and layer, similar to CSS positioned elements.

Learn the basics of CSS Grid in 100 seconds. Grid 🍱⚡ is a powerful tool that can build layouts in the context of columns and rows. It's not easy to learn, but can dramatically simplify CSS ...