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

12 votes379 views4 answers
Hover on one div affect another
CSS
0 vote402 views1 answer
Twig language name
CSS
21 votes367 views2 answers
Remove color and underline from link css
CSS
0 vote379 views1 answer
Checkbox change background color bootstrap
CSS
4 votes370 views1 answer
Orientation css max and min width media query
CSS
0 vote335 views1 answer
Html don't select text
CSS
18 votes363 views4 answers
Css rotate animation
CSS
2 votes381 views1 answer
Changong text color css
CSS
2 votes409 views1 answer
How to remove bullets from li
CSS
0 vote361 views1 answer
Css user select none
CSS