Mobile screen size width css

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

Mobile screen size width css

* main content without navbar links */ .full-height-with-banner-footer {
  height: calc(100vh - 100px);
  overflow-y: auto;
  position: relative;
  width: 100%;
}

Similar codes

0 vote198 views1 answer
Css hot to center image in bootsrtap container
CSS
17 votes204 views3 answers
Css odd even child
CSS
1 vote220 views1 answer
Css div went over top menu
CSS
24 votes220 views4 answers
Use woff2 font in css
CSS
0 vote209 views1 answer
Css grow
CSS
-1 vote203 views1 answer
Css code for green
CSS
8 votes218 views2 answers
Invert png color css
CSS
0 vote193 views1 answer
Test typescript
CSS
0 vote218 views2 answers
How to evenly space icons in a div css
CSS
0 vote205 views1 answer
Css transition only once
CSS