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

2 votes202 views5 answers
Tailwind css margin auto
CSS
0 vote145 views1 answer
Named colors css
CSS
1 vote186 views1 answer
Style direction
CSS
15 votes205 views4 answers
Sass
CSS
0 vote195 views1 answer
Scss @content
CSS
0 vote238 views1 answer
Morphism box shadow
CSS
6 votes185 views4 answers
Backdrop filter css
CSS
73 votes194 views5 answers
Border-radius
CSS
13 votes280 views6 answers
Tailwind center vertically
CSS
2 votes213 views2 answers
Display none transition
CSS