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 vote319 views1 answer
Sass each index
CSS
0 vote295 views1 answer
Htnl css
CSS
1 vote304 views1 answer
On clicking a link it gets red color
CSS
3 votes331 views1 answer
Include screen size
CSS
0 vote324 views2 answers
Bootstrap 4 scss angular 8
CSS
1 vote303 views3 answers
Css background image not working
CSS
0 vote370 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
0 vote313 views1 answer
Css media two conditions
CSS
0 vote301 views1 answer
Css distance between text and input box
CSS
0 vote310 views1 answer
Css hide timeline
CSS