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 vote371 views1 answer
Css() multiple
CSS
2 votes321 views1 answer
Not hover css
CSS
126 votes315 views5 answers
React Bootstrap css import
CSS
0 vote330 views1 answer
Calc in css fonts
CSS
0 vote322 views1 answer
Target element pseudo-classes
CSS
15 votes313 views3 answers
Css wrap
CSS
0 vote339 views1 answer
Sticky header not working chrome
CSS
12 votes287 views3 answers
Css display grid
CSS
57 votes373 views3 answers
How to round the corners of a div outline in css
CSS
0 vote333 views1 answer
How to put an element in front
CSS