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 vote241 views1 answer
Css click through element
CSS
1 vote259 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
0 vote280 views1 answer
Text align in materialize css
CSS
0 vote306 views1 answer
Css padding top screen height
CSS
53 votes276 views4 answers
On hover css
CSS
6 votes301 views1 answer
All text in caps using css
CSS
0 vote316 views2 answers
Materialize css for react
CSS
0 vote283 views1 answer
Disable text higlighting css
CSS
0 vote295 views1 answer
Css anchor fill parent
CSS
12 votes302 views4 answers
Hover on one div affect another
CSS