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 vote142 views1 answer
Remove all input style'ing
CSS
4 votes179 views2 answers
Add background overlay over background image
CSS
0 vote153 views1 answer
Bootstrap-navbar-brand
CSS
23 votes165 views5 answers
Image rotate css
CSS
3 votes165 views2 answers
Ignore cache pip
CSS
0 vote162 views1 answer
Curfont
CSS
1 vote162 views1 answer
How to make border blur css
CSS
1 vote260 views1 answer
Materialize button
CSS Materialize
4 votes159 views3 answers
How to change background color in ElevateButton flutter
CSS
1 vote180 views1 answer
Sass compressed style
CSS