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 vote144 views1 answer
Css 16 9 ratio
CSS
0 vote140 views1 answer
Css how to center a link
CSS
0 vote127 views1 answer
Html css hide details arrow
CSS
2 votes135 views1 answer
How to make animation stay on 100%
CSS
2 votes151 views3 answers
How to make a html css js editor
CSS
0 vote129 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote130 views1 answer
Over to remove padding css
CSS
2 votes153 views2 answers
Display none transition
CSS
3 votes141 views1 answer
Display none css inline
CSS
0 vote185 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS