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

2 votes168 views2 answers
How to add an icon to your website tab
CSS
0 vote110 views1 answer
How to use * in html
CSS
1 vote122 views2 answers
Css button border
CSS
28 votes129 views3 answers
Google font roboto
CSS
0 vote119 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
32 votes125 views5 answers
Css text align right
CSS
15 votes151 views3 answers
Put an border around an text in css
CSS
0 vote185 views2 answers
Make all images same size bootstrap
CSS Bootstrap
18 votes128 views2 answers
Php + get sql query
CSS
0 vote124 views2 answers
Showing two iframes side by side
CSS