Explore Library
Quiz

Grid fr Units and Track Overflow

Understanding why 1fr grid tracks overflow with long content and how minmax fixes it.

You define a grid with `grid-template-columns: 1fr 1fr;`, but a cell containing a very long unbreakable string (or a scrollable flex child) blows out its column and causes overflow. What is the underlying cause and the standard fix?