Compound media queries

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:

Into this:

and this:

:bow: