You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is it possible to add a stylelint rule, that forces grid children to define min-width?
By default, a grid item cannot be smaller than the size of its content, since grid items have an initial size of min-width: auto and min-height: auto.
This can (and will, at some point) lead to grid blowouts. Setting the min-width: 0 effectively resets this minimum size to a less problematic value. The issue can also be fixed by using minmax(0, 1fr) instead of 1fr in your column definitions, but this would in my eyes be less develoepr friendly.
Is it possible to add a stylelint rule, that forces grid children to define
min-width
?This can (and will, at some point) lead to grid blowouts. Setting the
min-width: 0
effectively resets this minimum size to a less problematic value. The issue can also be fixed by usingminmax(0, 1fr)
instead of1fr
in your column definitions, but this would in my eyes be less develoepr friendly.https://css-tricks.com/preventing-a-grid-blowout/
The text was updated successfully, but these errors were encountered: