Master intrinsic sizing in CSS so components adapt to content without breaking layouts.
Content proposes size; CSS decides limits.
min-content tries to compact as much as possible without overflowing unbreakable words.
max-content expands to show the content in a single line when it can.
fit-content() takes the ideal size, but respects a maximum.
Combine intrinsic sizing with elastic tracks.
In Grid you can mix an intrinsic content column with a flexible one using minmax().
This prevents long labels from breaking the layout or columns from becoming excessively large.
Complements intrinsic sizing with the most useful units context in production.
