/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

0 vote88 views5 answers
Boostrap css
CSS Bootstrap
1 vote107 views2 answers
Toast js
CSS
4 votes121 views4 answers
What is the "style", when creating an internal CSS?
CSS
4 votes105 views1 answer
Css grid wrap columns
CSS
5 votes138 views6 answers
Ruby cheat sheet
CSS
0 vote67 views0 answer
CSS
3 votes101 views1 answer
Css visibility transition
CSS
4 votes98 views2 answers
Gap between two flex items
CSS
0 vote101 views1 answer
Elementor custom css for mobile
CSS
0 vote116 views1 answer
How to make 3 photos display inline-blocks
CSS