Understanding the difference between grid-template and grid-auto 관련

CSS > Article(s)

---

Article(s)

---

Understanding the difference between grid-template and grid-auto

Ire Aderinokun:

Ire Aderinokun (bitsofco.de)

Within a grid container, there are grid cells. Any cell positioned and sized using the grid-template-* properties forms part of the explicit grid. Any grid cell that is not positioned/sized using this property forms part of the implicit grid instead.

Understanding the difference between grid-template and grid-auto | bitsofcode

Articles on frontend development and more.

Understanding explicit grids and implicit grids is powerful. This is my quicky take:

• Explicit: you define a grid and place items exactly where you want them to go.
• Implicit: you define a grid and let items fall into it as they can.

Grids can be both!

Understanding the difference between grid-template and grid-auto

---

Ire Aderinokun: