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

0 vote220 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
4 votes226 views1 answer
Orientation css max and min width media query
CSS
92 votes269 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote225 views1 answer
Button remove surroundings
CSS
3 votes203 views1 answer
Remove default style from links css
CSS
24 votes235 views1 answer
Css gradient animations
CSS
94 votes211 views2 answers
Css code to make text bold
CSS
0 vote247 views1 answer
Prevent enter key submitting a form jquery
CSS
0 vote235 views1 answer
Bulk order pre cooked pasta
CSS
0 vote211 views1 answer
How to add hover effect in emotion
CSS