/CSS/How to change style based on screen size

How to change style based on screen size

.adjust-me-based-on-size{
  margin-left: 15%;
  margin-right: 15%;
}
@media only screen and (min-width: 800) and (max-width: 1200) {
  .adjust-me-based-on-size {

    margin-left: 10%;
    margin-right: 10%;
  }
}
@media only screen and (max-width: 800px) {
  .adjust-me-based-on-size {
    margin-left: 5%;
    margin-right: 0%;
  }
}
 Run code snippet

Source: stackoverflow.com

Similar codes

9 votes311 views2 answers
Convert to css to css3
CSS
2 votes289 views2 answers
Remove the glow in bootstrap input
CSS
0 vote281 views1 answer
Html css drow line
CSS
49 votes340 views5 answers
How to remove bullets from ul
CSS
0 vote249 views3 answers
Css how to make 2d animations at once
CSS
0 vote272 views1 answer
How to save scss file
CSS
31 votes340 views3 answers
Rgba blue color
CSS
2 votes270 views2 answers
How to serve css in golang
CSS
127 votes388 views4 answers
React import bootstrap css
CSS Bootstrap
5 votes318 views6 answers
Pagination
CSS