media max height css

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

1@media only screen and (min-height: 500px) {
2  /* place here CSS for when the screen is more than 500px tall */
3  .card {
4    background: #111;
5  }
6}