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 vote330 views1 answer
Elementor custom css for mobile
CSS
0 vote348 views1 answer
Sideways Left Tabs
CSS
1 vote306 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS
0 vote324 views1 answer
Scroll x css
CSS
1 vote326 views1 answer
Font awesome eyes
CSS
12 votes351 views2 answers
Center a cpontent css
CSS
2 votes344 views1 answer
Css image overflow
CSS
0 vote323 views2 answers
Css space between elements
CSS
1 vote352 views1 answer
Layer on top in javascript
CSS
-1 vote320 views2 answers
Add sass to react
CSS