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:

:bow:

Ian McNally

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