Answers for "csss custom variable for media query max height"

how to set media query for both width and height in css

@media (min-height: 768px) and (max-height: 768px) and (min-width: 1366px) and (max-width: 1366px) { ... }

media max height css

@media only screen and (max-height: 500px) {
  /* place here CSS for when the screen is less than 500px tall */
  .card {
    width: 100%;
  }
}