I’ve recently fallen in love with the CSS3 vh property. (vh stands for “viewport-height.”) It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet screen, a phone screen (in portrait or landscape), a laptop, a desktop, a smart fridge(?), or what have you.

If you’re still hesitant to learn CSS’s Flexbox module, today’s the day. This Flexbox guide from CSS-Tricks is so beautifully clear and so visual that, in my experience, Flexbox almost learned itself—you just need to point your open eyes toward the screen.

A Quora feed hits my email everyday, and it’s mostly “Why was Thanos afraid of ___ when he defeated ___?” content. I’m not sure why that’s what’s in my feed, but there you have it and feel free to ask me anything about why Thanos is afraid of people.

I recently needed to create a number of masonry layouts for a WooCommerce website I’m building for a friend. I didn’t want to resort to jQuery, and that’s how, at long last, I found CSS3’s columns property. It lets you do CSS-only layouts that look like this:

In the first of a few “Whaaaat I had no idea CSS3 did that” posts from me: You can set elements to be a percentage of the height of your browser window!