CSS · Layout

grid-column

Places an item across columns. Negative line numbers count from the end.

cssRunnable example css course

Syntax

grid-column: 1 / -1

Example

Try it

.demo { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; } .demo > :first-child { grid-column: 1 / -1; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.