/CSS/How to specify css for smaller screen

How to specify css for smaller screen

@media only screen and (max-width: 991px) and (min-width: 769px){
 /* CSS that should be displayed if width is equal to or less than 991px and larger 
  than 768px goes here */
}

@media only screen and (max-width: 991px){
 /* CSS that should be displayed if width is equal to or less than 991px goes here */
}

Css for bigger screen size

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}

Source: stackoverflow.com

Similar codes

16 votes173 views2 answers
Css not last child
CSS
2 votes156 views1 answer
How to set height equal to dynamic width pure css
CSS
3 votes216 views5 answers
India
CSS
0 vote171 views1 answer
Exclude html content when print
CSS
0 vote169 views1 answer
How to add css using nativeelement in angular
CSS
42 votes282 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote296 views1 answer
Insert a new key value in an object of an array
CSS
0 vote181 views1 answer
How to use bootstrap color variables in sass
CSS
5 votes162 views1 answer
Css animate flashing
CSS
0 vote178 views1 answer
Html textgröße ändern css
CSS