I count at least three clever CSS techniques I didn’t know about.
I’m going through a pattern library right now, and this rings true:
I’m of the opinion that all cards in a Card UI are destined to become baby webpages. Just like modals. Baby hero units with baby titles and baby body text and baby dropdown menu of actions and baby call to action bars, etc.
In some ways this outcome is the opposite of what you were intending. You wanted a Card UI where everything was simple and uniform, but what you end up with is a CSS gallery website filled with baby websites.
Some nifty layout tricks using the
writing-mode property in CSS.
Here’s another clever CSS technique. It uses flexbox to add horizontal lines either side of centred content.