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

18 votes174 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote153 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
0 vote157 views1 answer
Secondline ellipsis
CSS
0 vote174 views1 answer
@font-face
CSS
0 vote236 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
1 vote149 views1 answer
Highlight table row on hover
CSS
2 votes148 views2 answers
How to move text down css
CSS
6 votes224 views2 answers
How to make a division center css
CSS
1 vote163 views1 answer
Css put span on new line
CSS
0 vote171 views1 answer
Trim background image css
CSS