CSS Grid (EN)
TechnologyTwo-dimensional CSS layout model for complex layouts with rows and columns
Architecture
flowchart TD A[HTML Container] --> B[CSS Grid Container] B --> C[Grid Lines] B --> D[Grid Tracks] B --> E[Grid Cells] B --> F[Grid Areas] C --> G[Column Lines] C --> H[Row Lines] D --> I[Column Tracks] D --> J[Row Tracks] E --> K[Basic Grid Cells] F --> L[Combined Grid Areas]
In Context
- Typically used together with Flexbox for complex layouts
- Related to: CSS Flexbox, Media Queries, Responsive Design
- Example use: Dashboard layouts with multiple widget areas