Aligning the grid with space-around and space-between Multiple tracks in a track-list with auto-fill and minmax()

The repeat syntax can take a track-list rather than a single value, this means you can repeat a more complex track-list.

Currently does not work in Firefox

Credit to gridbyexample.com for inspiring this example.

[fl_row] {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, 100px 200px);
}

1

2

3

4

5

6

7

8

9

10

11

12