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 vote206 views1 answer
How to make fixed position responsive
CSS
2 votes213 views4 answers
Css image sharpen
CSS
0 vote207 views1 answer
Delete files with help of .getignore
CSS
0 vote542 views1 answer
Fgg
CSS
7 votes209 views3 answers
Border-width in percentage
CSS
25 votes202 views5 answers
Image blur css
CSS
0 vote207 views1 answer
Change option tag css
CSS
4 votes222 views1 answer
Html make footer stick to bottom
CSS
0 vote196 views1 answer
Css every other element than self
CSS
17 votes427 views2 answers
Linking css
CSS