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

2 votes265 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
1 vote202 views1 answer
How to change the underline thickness in css
CSS
1 vote458 views1 answer
Scss linear gradient not working
CSS
0 vote150 views2 answers
Link html to html stackoverflow
CSS
7 votes233 views3 answers
Make text unselectable css
CSS
1 vote217 views1 answer
Change order columns bootstrap
CSS
37 votes202 views1 answer
Trumping
CSS
0 vote235 views1 answer
Next day 2pm delivery countdown timer script
CSS
10 votes199 views6 answers
Modal html
CSS
2 votes202 views1 answer
How to fix the footer at the bottom of the page
CSS