Trick or treat, clip or hide?

Did you know that we can allow overflow in just one direction? With ‘overflow: hidden’, we always hide overflowing content along both the x and y axes, even if we use overflow-y. And ‘overflow: visible’ makes everything… visible. But now we have another friend in town. Meet clip!

overflow-x: clip;

overflow-y: clip;

Perfect, for example, if you want to hide content along the sides but still allow it to grow upwards and downwards!