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 vote253 views1 answer
Nth-of-type(2):before
CSS
21 votes239 views6 answers
Text border css
CSS
3 votes263 views1 answer
Css scaling border radius
CSS
0 vote290 views1 answer
Bootstrap-navbar-containers
CSS
1 vote290 views1 answer
How to set media query for both width and height in css
CSS
31 votes260 views6 answers
Overflow
CSS
9 votes267 views3 answers
Css table flex
CSS
1 vote267 views1 answer
Centering items in react css
CSS
94 votes262 views2 answers
Css code to make text bold
CSS
0 vote285 views1 answer
Css to exclude last row table
CSS