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 vote145 views1 answer
Dropright css
CSS
1 vote145 views1 answer
Css smooth text shadow
CSS
1 vote163 views1 answer
Text-shadow
CSS
13 votes166 views3 answers
Rotate image html
CSS
0 vote156 views1 answer
Color transition time css
CSS
4 votes140 views1 answer
Checkbox input in css
CSS
0 vote156 views1 answer
Disable button outline in css
CSS
8 votes206 views3 answers
Css darkmode
CSS
0 vote140 views1 answer
What is a trailling widget in flutter
CSS
16 votes140 views3 answers
Sass install
CSS