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

5 votes203 views6 answers
Tailwind CDN
CSS
0 vote171 views1 answer
Flex box writing sideways text top to bottom
CSS
26 votes163 views10 answers
Bootstrap
CSS
7 votes169 views2 answers
Change button shape css
CSS
0 vote154 views1 answer
Viewport is 480 pixels or smaller css
CSS
17 votes245 views2 answers
Place item center in css using grid
CSS
4 votes148 views2 answers
Transform scale
CSS
0 vote153 views1 answer
Remove required effect in css
CSS
17 votes162 views3 answers
How to set div background image
CSS
3 votes185 views2 answers
Css overflow y 3 dots
CSS