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

22 votes203 views4 answers
Css center in grid
CSS
49 votes229 views3 answers
Center absolute element css
CSS
1 vote186 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
2 votes140 views1 answer
How to align button horizontally in css
CSS
0 vote179 views1 answer
For...of...loop
CSS
0 vote198 views1 answer
Titillium font
CSS
2 votes235 views1 answer
Bootstrap dark mode
CSS
10 votes178 views2 answers
Remove underline on hover span
CSS
0 vote222 views1 answer
Card tailwind css
CSS
0 vote196 views1 answer
CSS class inheritance
CSS