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

1 vote217 views1 answer
Macbook change screenshot to jpg
CSS
0 vote209 views2 answers
Background Video.module.css'
CSS
20 votes204 views2 answers
Bootstrap screen sizes
CSS
1 vote209 views1 answer
Repeat autofill css grid minmax
CSS
1 vote238 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
1 vote190 views1 answer
Code changes to Hostgator not being reflected
CSS
-1 vote215 views1 answer
How to remove default styling of a tag
CSS
1 vote187 views1 answer
-mos css
CSS
0 vote193 views1 answer
Css put background on top of another background image
CSS
29 votes220 views6 answers
Background size in css
CSS