Now let’s jump into it!
The two core ingredients of a CSS Grid are the wrapper (parent) and the items (children). The wrapper is the actual grid and the items are the content inside the grid.
Here’s the markup for a wrapper with six items in it:
To turn our wrapper
div into a grid, we simply give it a display of
But, this doesn’t do anything yet, as we haven’t defined how we want our grid to look like. It’ll simply stacks 6
div's on top of each other.
To make it two-dimensional, we’ll need to define the columns and rows. Let’s create three columns and two rows. We’ll use the
... read the whole story at medium.freecodecamp.org.