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

4 votes254 views2 answers
Import fontawesome
CSS
3 votes258 views1 answer
Font family comic sans ms
CSS
1 vote237 views1 answer
Css how to hyperlink
CSS
0 vote215 views2 answers
Css stopper une animation
CSS
76 votes263 views6 answers
Display flex css
CSS
3 votes240 views1 answer
How to set text to middle in div
CSS
0 vote228 views1 answer
Column count css
CSS
3 votes235 views2 answers
Css select all elements except last css
CSS
1 vote257 views1 answer
Css minifier api
CSS
0 vote232 views1 answer
Sass scale color
CSS