grid-template-columnsの記事へ戻る

grid-template-columnsの値を比較する

等幅3列と比率の違う2列を比較します。

grid-template-columns: repeat(3, minmax(0, 1fr))

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

表示を初期状態へ戻す場合は再読み込みしてください。フォームなどは表示の比較用で、外部へ情報を送信しません。動きを減らす設定では装飾的な動作を止めます。