With the help of calc(), clamp() and CSS vars, we can create composable, responsive, and fluid type scales.

Selecting a previous sibling was for long impossible, but is now easy with the has() pseudo-class.

With a simple CSS trick, we can get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects

Here’s the challenge: if you want to create a flexbox layout with several rows of items, how do you control which item ends up in which row?

Creating a masonry (or mosaic) layout with flexbox produces a grid with a seemingly shuffled and obscure order.