The code above creates a grid that is 1rem wide and 10rem tall. The grid-gap property sets the spacing between the columns and the rows, while the grid-template-columns and grid-auto-rows properties control the layout of the grid.
.container {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
grid-auto-rows: 10rem;
}