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 vote205 views1 answer
Convert firebase created_at to Date string
CSS
9 votes267 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote194 views1 answer
Html css on class
CSS
0 vote199 views1 answer
Have unordered list horizontal css
CSS
3 votes208 views5 answers
Css keep aspect ratio image
CSS
1 vote174 views1 answer
How to validate mail adress css
CSS
1 vote175 views1 answer
Remove arrow summary tag css
CSS
0 vote266 views2 answers
Check if post page wp
CSS
134 votes231 views6 answers
Remove background from image
CSS
0 vote192 views1 answer
Music-metadata-browser Buffer is not defined
CSS