/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

1 vote298 views1 answer
Css use value of attribute
CSS
1 vote322 views1 answer
Duplicate box-shadow on element inner and outer
CSS
253 votes503 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote312 views1 answer
How to make text transparent with stroke in css
CSS
0 vote352 views2 answers
Setting multiple styles in javascript
CSS
0 vote354 views1 answer
Css Formes géométriques
CSS
0 vote373 views1 answer
Quitar borde a un boton css
CSS
0 vote361 views1 answer
Importing scss into vue component
CSS
0 vote342 views1 answer
Decroation of title using css
CSS
0 vote339 views2 answers
How to define max number of character for a paragraph css
CSS