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 vote337 views2 answers
Button with background image and text html css
CSS
1 vote317 views1 answer
Two classes css modules
CSS
19 votes298 views3 answers
Center in grid
CSS
0 vote321 views1 answer
Make an anchor tag inactive
CSS
2 votes330 views1 answer
Html5 input required length
CSS
4 votes354 views2 answers
Amc
CSS
0 vote395 views2 answers
Elementor accordions closed by default
CSS
0 vote330 views1 answer
Responsive card css
CSS
2 votes302 views1 answer
Css text black outline
CSS
1 vote396 views1 answer
Materialize customize container
CSS Materialize