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 vote210 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
0 vote177 views1 answer
Inline-block column appear higher than others
CSS
2 votes220 views2 answers
Css img scale-down
CSS
1 vote212 views2 answers
Onclick url
CSS
34 votes157 views6 answers
How to align text in css
CSS
2 votes202 views1 answer
How to make auto scroll to the end in css
CSS
0 vote194 views2 answers
How long ago was 1993 years
CSS
0 vote192 views1 answer
Media query for mobile landscape only
CSS
9 votes204 views3 answers
Bootstrap list
CSS Bootstrap
0 vote176 views1 answer
Relier css html
CSS