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 vote221 views1 answer
Css 16 9 ratio
CSS
0 vote259 views1 answer
Studio 3t restore snapshot
CSS
0 vote227 views1 answer
Ios safe area
CSS
0 vote243 views1 answer
Css two classes in one element
CSS
18 votes234 views5 answers
Col-md-6 bootstrap
CSS
0 vote210 views1 answer
Flex starty
CSS
0 vote240 views1 answer
Media query change button text
CSS
0 vote238 views1 answer
Css to exclude last row table
CSS
0 vote215 views1 answer
Css selector all class prefix
CSS
3 votes226 views2 answers
Scss watch command
CSS