/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

3 votes180 views2 answers
Form css
CSS
5 votes177 views1 answer
Html how to indent text
CSS
0 vote163 views1 answer
Css varianbes
CSS
0 vote160 views1 answer
Make font awesome spin but not the word on hover
CSS
0 vote183 views1 answer
Generate your tailwind.config.js file
CSS
0 vote186 views1 answer
Css select havig both classes
CSS
0 vote199 views1 answer
Otp input next field html css
CSS
4 votes185 views2 answers
How to remove horizontal scrolling
CSS
6 votes172 views2 answers
Css how to prevent horizontal scrolling
CSS
1 vote186 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS