JSFiddle - React, Tailwind, and code Playground

CSS

@media all and (min-width: calc(20px - 1px)) {
  body {
    background: red;
  }
}


@media all and (max-width: 100vh) {
  body {
    background: blue;
  }
}

@media all and (max-width: calc(100vh - 17px)) {
  body {
    background: green;
  }
}