CSS Grid - repeat(n, 1fr) doesn't mean equal widths

Use grid-template-columns: repeat(n, 1fr) with caution, it doesn’t necessarily mean all columns will have equal widths (they will have, as long as content doesn’t start stretching one of them). To force all columns to have equal width use repeat(n, minmax(0, 1fr)). See below for more https://stackoverflow.com/questions/47601564/equal-width-columns-in-css-grid

Tweet