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

11 votes153 views3 answers
Css selector color
CSS
0 vote186 views1 answer
Css youtube video get rid of black border
CSS
1 vote123 views1 answer
Ionic create project css
CSS
3 votes169 views3 answers
Css blur text
CSS
7 votes199 views2 answers
Input background color
CSS
-1 vote182 views1 answer
How to remove default styling of a tag
CSS
1 vote162 views1 answer
Reset all input styles with 1 property css
CSS
83 votes202 views2 answers
Css text transform
CSS
0 vote192 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
1 vote179 views1 answer
Write text in one line css
CSS