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

-1 vote320 views1 answer
Css grid column height fit content
CSS
2 votes325 views1 answer
Cool hover effects css
CSS
0 vote321 views1 answer
Center div with variable height
CSS
0 vote323 views1 answer
Code to change size when hover effect
CSS
3 votes350 views1 answer
Css supports
CSS
2 votes312 views1 answer
Transition syntax css
CSS
1 vote322 views1 answer
Css no list markers
CSS
0 vote332 views1 answer
Menu multiple colums batch
CSS
0 vote298 views1 answer
What is difference between padding and margin?
CSS
1 vote312 views1 answer
Prefix in css
CSS