/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 vote108 views1 answer
Css position element in the middle of a header
CSS
4 votes108 views2 answers
Cursive css
CSS
6 votes109 views1 answer
Responsive image in css
CSS
0 vote84 views1 answer
Tailwind css absolute pin
CSS
0 vote110 views1 answer
How to draw hex colun in html css
CSS
10 votes105 views2 answers
Css how to change font colr
CSS
39 votes102 views5 answers
Add drop shadow css
CSS
1 vote109 views1 answer
Place-items css property
CSS
0 vote105 views1 answer
Django validation error css
CSS
0 vote108 views1 answer
Css animated cross mark
CSS