/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 vote184 views1 answer
Elemento SPAN
CSS
0 vote179 views1 answer
How to resize img in css
CSS
0 vote185 views2 answers
Can i use css in react native
CSS
14 votes214 views2 answers
.col-12 bootstrap
CSS Bootstrap
70 votes222 views4 answers
Css remove scrollbars
CSS
116 votes169 views6 answers
How to hide the scrollbar in css
CSS
83 votes189 views6 answers
Css center text
CSS
3 votes182 views3 answers
Remove clicked button border
CSS
0 vote183 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
0 vote198 views3 answers
Image slider html css
CSS