Equal width columns in CSS Grid

Question

I\'d like to have the html below showing in n equal columns whether there are two, or three, or more child elements to the row element using css grid - Flexbox makes this ea

Answer 1

Define this on your grid container. Sets up three columns of equal width.

grid-template-columns: repeat(3, 1fr);