Ian McNally

Compound media queries

July 26, 2014

Today I learned you can make compound media queries, say if you wanted to make a <section> full height when the screen is both tall and wide enough for that to make sense:

@media only screen and (min-height: 620px) and (min-width: 768px) {
  section {
    min-height: 100vh;

That can turn this:

and this:


Ian McNally

Hey, I'm Ian. I build websites and write about what I learn as I go. Follow me on Twitter.