/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

38 votes167 views6 answers
Convert object to array
CSS
0 vote133 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
8 votes134 views4 answers
Css fill div with background image
CSS
0 vote142 views1 answer
Double border color css
CSS
0 vote141 views1 answer
Move div down css
CSS
118 votes212 views6 answers
Css @media
CSS
0 vote135 views1 answer
Ul text decoration css
CSS
58 votes156 views6 answers
How to remove underline from link
CSS
0 vote144 views1 answer
Add expanding underline on page load css
CSS
238 votes301 views5 answers
Include bootstrap
CSS Bootstrap