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 vote257 views1 answer
Mvc dynamic css
CSS
0 vote205 views1 answer
Css disable transition on first load
CSS
0 vote255 views1 answer
Datatables when filtering snaps to top of page
CSS
8 votes244 views2 answers
CSS make image fill whole background
CSS
0 vote272 views1 answer
Add shadowto container
CSS
9 votes262 views3 answers
Bootstrap blue outline button
CSS Bootstrap
2 votes262 views1 answer
Coustomize srollbar
CSS
0 vote248 views1 answer
@media for react style css
CSS
72 votes245 views6 answers
Flexbox css
CSS
0 vote263 views1 answer
Radius to imported icons
CSS