/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

2 votes174 views1 answer
Css rounded corners at top only
CSS
5 votes229 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote173 views1 answer
How to enlarge image when hover on in css
CSS
1 vote178 views1 answer
Css select with attribute
CSS
47 votes174 views6 answers
How to add a css file in html
CSS
93 votes182 views6 answers
Css center image in div
CSS
1 vote171 views1 answer
Display in flexbox
CSS
0 vote152 views1 answer
Understanding '>' sign in css selector
CSS
0 vote192 views1 answer
Adding diffent style in firefox css
CSS
6 votes214 views2 answers
How do you make each word in a text start with a capital letter?
CSS