To define a Grid use
display:inline-grid on the parent element. You can then create a grid using the
I am using the
grid-gap property to create a gap between my columns and rows of 10px. This property is a shorthand for
grid-row-gap so you can set these values individually.
All direct children of the parent now become grid items and the auto-placement algorithm lays them out, one in each grid cell. Creating extra rows as needed.