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

56 votes321 views6 answers
Center with css
CSS
0 vote286 views1 answer
Color custom css use in laravel
CSS
0 vote307 views1 answer
Css rich text editor tailwind
CSS
9 votes320 views5 answers
Css background full screen
CSS
0 vote326 views1 answer
Css - global -Typogryphy
CSS
-1 vote395 views2 answers
Insert image by css
CSS
37 votes320 views5 answers
How to apply linear gradient to text in css
CSS
3 votes298 views1 answer
Mettre une image au milieu css
CSS
1 vote317 views3 answers
Bootstrap table text vertical align center
CSS
33 votes307 views5 answers
Css strikethrough html text
CSS