We'll use display: grid;
to make our parent element into a grid container. Then, we'll use grid-gap
to add a gutter between our elements. Finally, we'll use grid-template-columns
, the repeat
function and fr
units to create equally sized columns for our layout.