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

36 votes335 views2 answers
Css translate x and y
CSS
-1 vote369 views1 answer
How to margin placeholdr text
CSS
0 vote355 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
3 votes373 views2 answers
Ui gradient
CSS
0 vote331 views1 answer
All the divs from inside of another div css
CSS
0 vote351 views1 answer
Prevent child margin from moving parent css
CSS
2 votes356 views1 answer
Make blur with css
CSS
1 vote348 views1 answer
Gulp with pm2
CSS
0 vote344 views4 answers
Tabs css only
CSS
0 vote371 views1 answer
In a form how to remove the input outerline color or shadow
CSS