♪ まくぽり ☆彡
@mkpo.li
When a child’s intrinsic (min-content) width is larger than the available 1fr, it refuses to shrink, thus causing overflow.
Wrapping it in minmax(0, 1fr) sets the minimum width to 0, allowing it to collapse below min-content and still grow up to 1fr when space allows
cf.
Wrapping it in minmax(0, 1fr) sets the minimum width to 0, allowing it to collapse below min-content and still grow up to 1fr when space allows
cf.
Why does minmax(0, 1fr) work for long elements while 1fr doesn't?
So I have this grid:
+---------+------------------------------+---------+
| <div> | <p> - 1000 characters long | <div> |
+---------+------------------------------+-----...
stackoverflow.com
October 7, 2025 at 7:32 PM
When a child’s intrinsic (min-content) width is larger than the available 1fr, it refuses to shrink, thus causing overflow.
Wrapping it in minmax(0, 1fr) sets the minimum width to 0, allowing it to collapse below min-content and still grow up to 1fr when space allows
cf.
Wrapping it in minmax(0, 1fr) sets the minimum width to 0, allowing it to collapse below min-content and still grow up to 1fr when space allows
cf.