Media max height css Code Example - Coding

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%;
  }
}

media min height css

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

Related
cursor: not-allowed is not working with pointe events none in css Code Example
how to add space between menu items in css Code Example
css space between elements Code Example
css transition cross browser Code Example
how to make img cover parent div Code Example