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

38 votes201 views4 answers
Css pointer event
CSS
0 vote196 views1 answer
Css hide timeline
CSS
0 vote190 views2 answers
Position relative and absolute difference in css
CSS
8 votes223 views2 answers
Kotlin string to int
CSS
1 vote194 views1 answer
Beige hex code
CSS
1 vote206 views1 answer
Change the color of an hr
CSS
1 vote217 views1 answer
Remove border between td
CSS
23 votes218 views4 answers
Rounded gradient border css
CSS
14 votes179 views3 answers
Css multiple classes same rule
CSS
1 vote196 views2 answers
Rainbow text with css
CSS