/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 votes395 views1 answer
How to put a black overlay on a photo css
CSS
16 votes384 views1 answer
Rgb purple color
CSS
0 vote356 views5 answers
Rosa
CSS
0 vote392 views1 answer
Style scrollbar table
CSS
0 vote368 views1 answer
Css box-shadow over other elements
CSS
-1 vote411 views2 answers
Navigation bar css
CSS
1 vote350 views1 answer
Css thinner hr
CSS
0 vote305 views1 answer
Set background transparency
CSS
1 vote370 views1 answer
Css put span on new line
CSS
0 vote387 views1 answer
How do I link a CSS file to a folder?
CSS