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 vote199 views2 answers
Css disabled hover none
CSS
0 vote168 views1 answer
Add textcontent on hover
CSS
6 votes150 views1 answer
How to make text wrap on overfloe with css
CSS
197 votes500 views6 answers
Connect html file to css
CSS
83 votes190 views2 answers
Css text transform
CSS
2 votes189 views1 answer
Tailwind icon animation
CSS
0 vote166 views1 answer
Textbreak for long text
CSS
1 vote195 views1 answer
How to remove markers in css
CSS
0 vote160 views1 answer
Css transparent background behind text
CSS
6 votes171 views5 answers
Object fit css
CSS