The auto-fill keyword with named grid lines Aligning the Grid

In this example, I am creating a three-column track grid. The first column track has a minimum width of 200px and a maximum of 1fr defined using minmax() notation. The other two tracks are fixed at 200 pixels.

Credit to gridbyexample.com for inspiring this example.

[fl_row] {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: minmax(200px, 1fr) 200px 200px;
}

A

B

C