Module landing page: CSS Grid Layout

[estelle]

Landing page

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout

• brief (5-paragraph approx) description
• demonstration example
• properties
• data types
• associated properties
• glossary terms

Spec URL: https://drafts.csswg.org/css-grid-layout/

Guides

• overview guide: Basic concepts of grid layout
• Relationship of grid layout with other layout methods
• Grid layout using line-based placement
• Grid template areas
• Grid layout using named grid lines
• Auto-placement in grid layout
• Box alignment in grid layout (is this a dupe?)
• Grids, logical values, and writing modes
• Grid layout and accessibility
• Realizing common layouts using grids
• Subgrid
• Masonry layout
• Box alignment in CSS grid layout

Data types

• Add grid to alignment pages