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 vote218 views1 answer
In a form how to remove the input outerline color or shadow
CSS
0 vote160 views1 answer
Css select element by role
CSS
3 votes168 views2 answers
Scrollbar change css
CSS
0 vote187 views6 answers
Install canon mf211 printer ubuntu
CSS
1 vote195 views1 answer
Mat slide toggle iverted
CSS
1 vote187 views2 answers
How to filter css red
CSS
67 votes182 views6 answers
Center absolute
CSS
1 vote227 views1 answer
Make web page float to center of page
CSS
1 vote166 views1 answer
Qwant
CSS
0 vote162 views1 answer
Why is there whitespace on the top
CSS