DEV Community

Discussion on: Explain CSS Grid Like I'm Five

Collapse
 
samdbeckham profile image
Sam Beckham

CSS Grid is exactly what it says in the tin. A grid, created with CSS. Previously CSS layout methods were all hacks (maybe with the exception of flexbox). CSS grid is a dedicated layout tool.

You can specify the grid itself, how many columns/rows it has, how wide they should be, what happens when content goes outside the defined grid. Then, you can tell your items where to go in the grid. You can place them in a specific cell, you can span rows, you can autofill, all sorts of things.

Or to truly explain it like you're five: It's a thing that lets you make boxes to put other things in.