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 vote140 views1 answer
Input padding without changing width
CSS
0 vote139 views1 answer
Wrap text around circle image css
CSS
1 vote142 views2 answers
Css scrollbar in div
CSS
2 votes155 views2 answers
Header center
CSS
-1 vote139 views1 answer
Css media queries laptop
CSS
0 vote149 views1 answer
Checkbox border css
CSS
1 vote150 views2 answers
Import google fonts into react
CSS
0 vote144 views1 answer
Details summary not open css
CSS
0 vote166 views1 answer
Npm next-css
CSS
6 votes158 views4 answers
Disable scroll css
CSS