Black Lives Matter! ✊🏾


The grid-column, grid-column-start, and grid-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

  1. Understanding CSS Grid: Grid Lines — Smashing Magazine

    posted on by Rachel Andrew

    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.

  2. Understanding grid placement through building a HTML periodical table

    posted on by Chen Hui Jing

    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;