/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 vote425 views1 answer
GET /style.css HTTP/1.1" 404
CSS
0 vote385 views1 answer
Flex index css
CSS
6 votes356 views3 answers
Linear-gradient(top to bottom)
CSS
0 vote342 views1 answer
Css my body have margin top
CSS
1 vote368 views1 answer
How to set fallback font in css
CSS
3 votes371 views3 answers
How to change text on hover css
CSS
0 vote372 views3 answers
Apple like scroll css
CSS
0 vote383 views2 answers
Cut word css
CSS
0 vote388 views1 answer
Sideways Left Tabs
CSS
3 votes411 views1 answer
Html table td spacing
CSS