DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit.
The grid-row
and grid-column
properties define which row or column an element will be displayed on.
.element {
grid-row: 1 / 2;
grid-column: 3 / -1;
}
Here’s an explicit 3 × 3 grid where these properties are used to place grid items onto it in specific places:
Browser support
This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.
Desktop
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
57 | 52 | 11* | 16 | 10.1 |
Mobile / Tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
103 | 101 | 103 | 10.3 |