Open cpsievert opened 4 months ago
When value boxes get small, we change from a "left center" layout to a "top right" layout.
This isn't quite what's happening. Each of the layouts has its own "small width" design.
"left center"
moves the showcase above and centers its contents"top right"
doesn't actually change, showcase stays above and right-aligned"bottom"
also doesn't change, showcase below and centeredI could be talked into having the "left center"
showcase be left-aligned in small value box widths, but there is a consistency in "left center", "top right", "bottom".
When value boxes get small, we change from a "left center" layout to a "top right" layout. Turns out that, the right portion of that just happens to work when you put icons (which have
margin-left: auto
) in theshowcase
, but if you put something else, like text, the showcase is centered: