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

4 votes91 views2 answers
How to make background fixed while scrolling
CSS
3 votes105 views2 answers
How to decurate react router link css
CSS
0 vote63 views2 answers
Tailwind.min.css cdn
CSS
47 votes115 views6 answers
Css center text in div
CSS
65 votes104 views4 answers
Install requirements.txt in pip command
CSS
4 votes65 views3 answers
Css animation delay
CSS
3 votes103 views3 answers
Css border left
CSS
0 vote118 views2 answers
Roles
CSS
32 votes90 views6 answers
Overflow css
CSS