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

1 vote120 views1 answer
Css > symbol
CSS
145 votes195 views10 answers
Grepper
CSS
0 vote135 views1 answer
Hover media query
CSS
-1 vote190 views1 answer
Change font size on large screen resolution bootstrap
CSS
1 vote160 views1 answer
Css selctors
CSS
9 votes128 views3 answers
Bootstrap badge color
CSS
0 vote172 views1 answer
Linux remove latst 3 files
CSS
6 votes124 views4 answers
How to make the image in the center html
CSS
0 vote131 views1 answer
CSS - The Class Selectors - Element
CSS
15 votes140 views2 answers
Transition background gradient
CSS