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 vote181 views1 answer
Background color for whole page css
CSS
11 votes167 views2 answers
Css hr color
CSS
0 vote240 views2 answers
Nav items moving when hover
CSS
-1 vote192 views1 answer
Arranging the paragraph in css
CSS
0 vote188 views1 answer
Negative border radius
CSS
0 vote185 views1 answer
Awesome font google icon colored css
CSS
0 vote210 views1 answer
Css box shadow right and down
CSS
0 vote203 views1 answer
How do I add a vertical margin in css
CSS
0 vote199 views2 answers
Css background-clip
CSS
3 votes191 views3 answers
Css overflow elipsis
CSS