Lynx
Search Docs
K
Guide
APIs
Blog
Contribute
简体中文
English
Guide
APIs
Blog
Contribute
简体中文
English
Menu
ON THIS PAGE
How to Build a Grid Layout?
Basic Concepts
Step 1: Apply
display: grid
Step 2: Specify the Size of Rows and Columns
Step 3: Specify Grid Gaps
Step 4: Align Grid Tracks to Inline and Block Axes
Step 5: Specify the Grid Lines for Grid Items
Step 6: Align Grid Items to the Grid Area
Reference
ON THIS PAGE
How to Build a Grid Layout?
Basic Concepts
Step 1: Apply
display: grid
Step 2: Specify the Size of Rows and Columns
Step 3: Specify Grid Gaps
Step 4: Align Grid Tracks to Inline and Block Axes
Step 5: Specify the Grid Lines for Grid Items
Step 6: Align Grid Items to the Grid Area
Reference
Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.