Hegith specific css in media query

Media query

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Hegith specific css in media query

/* Exact height */
@media (height: 360px) {
  div {
    color: red;
  }
}

/* Minimum height */
@media (min-height: 25rem) {
  div {
    background: yellow;
  }
}

/* Maximum height */
@media (max-height: 40rem) {
  div {
    border: 2px solid blue;
  }
}

Source: developer.mozilla.org

Similar codes

0 vote264 views1 answer
Two background images css
CSS
0 vote228 views2 answers
How to remove default look of button
CSS
0 vote234 views1 answer
Bootstrap progress bar animation not working
CSS
1 vote249 views1 answer
Use a local font css
CSS
0 vote264 views1 answer
Rel="noopener noreferrer
CSS
1 vote398 views2 answers
How to make background more darker with css
CSS
0 vote242 views1 answer
Jquery add external css to head
CSS
0 vote252 views1 answer
Round image center
CSS
8 votes246 views6 answers
Aos css
CSS
0 vote247 views1 answer
Javascript select element that does not have attribute
CSS