responsive

As I keep encountering CSS codebases and theme definitions that solely use the traditional viewport units vh and vw, I thought about writing a blog post about the powerful tools we have on our disposal nowadays, that can make our lives easier and our CSS code better. The good old viewport units Long story short, for many years we've been using vh and vw to define something as percentage of the initial viewport height and width. For example, if we wanted to fill the entire viewport of all devices with green, we could do the following: .big-fat-green-element { background: green;…