/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 vote342 views1 answer
Td min-height not working
CSS
0 vote316 views1 answer
Shiny server configuration
CSS
4 votes291 views1 answer
Grid mdn
CSS
127 votes464 views4 answers
React import bootstrap css
CSS Bootstrap
185 votes526 views6 answers
Attach css file to html
CSS
54 votes352 views8 answers
Media query
CSS
0 vote391 views1 answer
Keeping text to be in one line
CSS
1 vote385 views1 answer
Use css in cshtml
CSS
46 votes364 views2 answers
Customize scrollbar
CSS
0 vote396 views1 answer
Object-fit
CSS