/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

60 votes122 views6 answers
Center div horizontally and vertically
CSS
1 vote137 views1 answer
Vertical line between two divs
CSS
0 vote126 views1 answer
-webki slider runnable track
CSS
3 votes125 views3 answers
Can you control another div on hover css
CSS
3 votes71 views2 answers
Remove table border css
CSS
0 vote132 views2 answers
Text-align transform
CSS
7 votes116 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote109 views1 answer
Css mask cut diagonal
CSS
0 vote67 views1 answer
Icone css
CSS
39 votes123 views6 answers
Css pointer-events
CSS