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

8 votes214 views5 answers
Box bottom shadow css
CSS
0 vote167 views1 answer
Mixed-blend-mode css all properties
CSS
0 vote186 views2 answers
Sass variables across files
CSS
0 vote151 views1 answer
Firefox-scroll-css
CSS
0 vote149 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
44 votes165 views6 answers
Remove underline from hyperlink
CSS
38 votes163 views5 answers
Css roboto font
CSS
1 vote195 views4 answers
Css before
CSS
0 vote147 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote163 views1 answer
How to build a glass website using HTML and CSS
CSS