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

3 votes208 views3 answers
Open sans css
CSS
29 votes194 views2 answers
How to horizontal center a div in css
CSS
0 vote207 views1 answer
Start a css file
CSS
1 vote179 views1 answer
Padding clamp
CSS
-1 vote186 views1 answer
Asp.net set css class in code behind
CSS
0 vote197 views1 answer
Rust get current date
CSS
25 votes204 views3 answers
How to add spaces between text in html
CSS
0 vote209 views1 answer
Make the first item at the very top of the screen
CSS
0 vote226 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
13 votes305 views4 answers
How to print background bootstrap
CSS Bootstrap