Naming and Positioning Items by Grid Areas
Explore how to assign names to grid areas and position items within CSS Grid containers. Learn the concept of naming grid areas as variables and apply this knowledge to build dynamic and responsive layouts that are semantically structured.
We'll cover the following...
We'll cover the following...
The goal of this section is to learn to position grid items using grid areas.
A grid area is any area bounded by 4 grid lines.
A group of adjacent grid cells such as the entire row span below, may also account for a grid area.
How do you start using grid areas?
The logical place to begin is naming grid areas.
Let me explain that.
Consider the code block ...