/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

0 vote176 views1 answer
Move text in a padding css
CSS
1 vote138 views1 answer
Html css bilder nebeneinander
CSS
-3 votes187 views2 answers
How to justify grid childe in the center
CSS
-1 vote221 views1 answer
Option tag center
CSS
2 votes262 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
0 vote244 views1 answer
Operador css contain attr
CSS
0 vote172 views1 answer
Include css typo3
CSS
0 vote174 views1 answer
Mat slider custom color
CSS
-1 vote169 views1 answer
Tachar texto css
CSS
0 vote182 views1 answer
Add css to class=["col-"]
CSS