Grid

CSS Grid lays a container's children out in rows and columns at once, with column widths you set in fr, % or px, gaps between the cells, and items that can span more than one cell.

Updated

Cheat sheet: Grid
Category
CSS
Level
Journeyman
Tags
CSS, CSS Grid, Fraction unit, Gap, Grid span, Grid template columns