grid-column
Thegrid-column
,grid-column-start
, andgrid-column-end
properties determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. 8.4. Placement Shorthands: the grid-column, grid-row, and grid-area properties
Links about grid-column
Understanding CSS Grid: Grid Lines — Smashing Magazine
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a look at how to use the grid lines to place items.
Understanding grid placement through building a HTML periodical table
I’ve been using CSS grid to build layouts for quite a while now, and all my designs to date involved...
Code sample
.grid-item {
grid-column: 2;
}
Explore other pages
- async
Defines async functions inside expressions.
- type="number"
A control for setting the element’s value to a string representing a number.
- aria-labelledby
Identifies the element (or elements) that labels the current element.
- :nth-last-child()
Represents an element that has an+b-1 siblings after it in the document tree.