CSS grid: make the last row items stretch to fill the width

I have a grid with grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)). When the last row has fewer items they keep their column width. I want them to stretch across the remaining space. Possible with grid alone?

Does this also apply to git switch?

Not with grid alone — grid tracks are shared by every row, so a row cannot have its own column sizes. Use flexbox for that layout:

.cards { display: flex; flex-wrap: wrap; gap: 16px; }
.cards > * { flex: 1 1 200px; }

flex-grow: 1 lets the items in a short last row expand.

Makes sense. I will switch this one to flex.