Css different sreen size

/* For Mobile */
@media screen and (max-width: 540px) {
    .view {
        width: 400px;
    }
}

/* For Tablets */
@media screen and (min-width: 540px) and (max-width: 780px) {
    .view {
        width: 600px;
    }
}

Source: stackoverflow.com

Similar codes

1 vote331 views2 answers
Change nav background color on scroll css without bootstrap
CSS
0 vote397 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote325 views1 answer
Css scroll height if screen too small
CSS
0 vote335 views1 answer
Css ul shifts
CSS
1 vote310 views1 answer
Quitar puntos a lista css
CSS
0 vote351 views1 answer
How to set color of instagram css
CSS
2 votes374 views2 answers
Css display none transition
CSS
3 votes311 views3 answers
How to center a html header
CSS
8 votes364 views2 answers
Css border bottom
CSS
2 votes310 views1 answer
How to center with position fixed
CSS