HTML/CSSAdvanced#css#grid

What is the difference between CSS Grid's implicit and explicit grid?

The explicit grid is defined by grid-template-columns/rows. The implicit grid is auto-generated when content is placed outside those defined tracks, sized by grid-auto-rows/grid-auto-columns (default auto).

Example
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 100px; /* controls implicitly created rows */
}

Related Questions

1
HTML/CSSBeginner#css#layout-puzzle

How do you vertically center text inside a single-line button using CSS?

Open
2
HTML/CSSIntermediate#css#tailwind

What is the difference between a CSS framework like Bootstrap and a utility-first framework like Tailwind?

Open
3
HTML/CSSAdvanced#css#units

What is the difference between static and dynamic viewport units (vh vs dvh)?

Open