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

10 votes350 views1 answer
Css when click select another class
CSS
2 votes372 views1 answer
Css resize image without distortion
CSS
37 votes401 views6 answers
Css gradient text
CSS
100 votes420 views2 answers
What is position property in css
CSS
6 votes354 views3 answers
Print media query css
CSS
0 vote367 views1 answer
Css remove margin around page
CSS
63 votes365 views6 answers
Remove duplicate array es6
CSS
0 vote359 views1 answer
Input css text on right
CSS
4 votes347 views2 answers
Stop text from wrapping
CSS
2 votes351 views1 answer
Half border bottom
CSS