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

7 votes111 views1 answer
Show hand icon on hover javascript
CSS
-1 vote120 views1 answer
Css div bottom of parent
CSS
3 votes137 views2 answers
Css sass
CSS
1 vote121 views1 answer
Bootstrap ol
CSS
33 votes115 views3 answers
Change button shaddow css
CSS
0 vote123 views1 answer
Css body overflow hidden sidebar scrollbar
CSS
2 votes156 views1 answer
Https request
CSS
0 vote122 views1 answer
Smooth button effect css
CSS
0 vote115 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
0 vote125 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS