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 vote272 views2 answers
Hover border bottom css fixed
CSS
13 votes271 views4 answers
Background color transparent
CSS
9 votes223 views2 answers
Box shadow as border
CSS
1 vote279 views1 answer
Dom ids have numbers
CSS
0 vote270 views1 answer
Container transparent text opaque
CSS
16 votes256 views4 answers
Scss to css
CSS
57 votes284 views6 answers
Virtualenv --python
CSS
0 vote272 views1 answer
Style50 for cs50
CSS
48 votes282 views6 answers
Background color using css
CSS
1 vote300 views1 answer
Text-shadow
CSS