Back to Developer Roadmap

Css Grid

src/data/question-groups/frontend/content/css-grid.md

4.0355 B
Original Source

To create a grid layout, you have to first specify the “display:grid” property on the containing element, and then define the structure of the grid, by using the “grid-template-rows” and “grid-template-columns” properties.

Now simply place the elements inside the grid container and specify the “grid-column” or “grid-row” properties.