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

4 votes158 views2 answers
Change bot description background top.gg
CSS
3 votes152 views2 answers
Expo vector icons install
CSS
0 vote157 views1 answer
Border collapse makes outset not work
CSS
0 vote147 views1 answer
If child elemnt is hovered do changes to the container css
CSS
7 votes161 views2 answers
Font for css code google link
CSS
6 votes168 views2 answers
Space between flexbox
CSS
0 vote178 views1 answer
@media for react style css
CSS
0 vote192 views2 answers
Css grid cheat sheet
CSS
0 vote163 views1 answer
Css cut lines
CSS
0 vote156 views1 answer
Flexbox stretch
CSS