Skip to main content
Home / CSS Almanac / Properties / G / grid-row / grid-column

grid-row / grid-column

Avatar of Dennis Gaebel
Author
Dennis Gaebel
Comments
Start Conversation
Last Updated

Rollout: Powerful Feature Flag Management

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

.element {
  grid-row | grid-column: <integer> [DEFAULT: auto];
}

Important! grid-row is supposed to be a shorthand for grid-row-position and grid-row-span. The current implementation in Internet Explorer 10 for grid-row should be the one for grid-row-position (which isn't supported). Same goes for grid-column.

Related

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

ChromeFirefoxIEEdgeSafari
575211*1610.1

Mobile / Tablet

Android ChromeAndroid FirefoxAndroidiOS Safari
79687610.3
Frontend Masters logo

Need some front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, from Testing to Security.

Leave a Reply

Your email address will not be published. Required fields are marked *

All comments are held for moderation. We'll publish all comments that are on topic, not rude, and adhere to our Code of Conduct. You'll even get little stars if you do an extra good job.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell us something privately, like pointing out a typo or stuff like that? Contact Us.

We have a
Code of Conduct. Be cool. Be helpful. The web is a big place. Have fun. High five.