The grid-row and grid-column properties define which row or column an element will be displayed on.

.element { grid-column: 3 / -1; }

The gap property in CSS is a shorthand for row-gap and column-gap, specifying the size of gutters, which is the […]

.element { gap: 20px 30px; }

The grid CSS property is a shorthand that allows you to set all the implicit and the explicit grid properties […]

.element { grid: auto-flow dense / repeat(5, 150px); }

The grid-column CSS property is a shorthand that specifies the column grid lines where a grid item starts and ends […]

.element { grid-column: 3 / 5; }

The grid-row CSS property is a shorthand that specifies the row grid lines where a grid item starts and ends […]

.element { grid-row: 2 / 4; }

The grid-area CSS property is a shorthand that specifies the location and the size of a grid item in a grid layout […]

.grid-item {  grid-area: 2 / 4 / 4 / 6; }