i'm tired of seeing people use fixed widths on small components like badges or tags. if you just use min-content it shrinks everything down to the widest single word instead of letting it stretch weirdly across the container. works great for those little labels that shouldn't look like giant rectangles
unless your words are all one syllable.
.badge {width: min-content;text-align: center;}does anyone actually use intrinsic sizing for anything other than simple buttons?