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 vote105 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
0 vote115 views1 answer
Wordpress page css not working
CSS
11 votes109 views2 answers
Css image filter black and white
CSS
0 vote109 views1 answer
Mouse hold css effect
CSS
0 vote108 views1 answer
How to make focus outline round in html
CSS
0 vote110 views1 answer
Giving body maximum width in css
CSS
0 vote199 views2 answers
Bulma uppercase
CSS Bulma
0 vote126 views1 answer
Had to add a tint to a picture on css
CSS
6 votes99 views2 answers
Space between flexbox
CSS
0 vote114 views1 answer
Añadir hojas css externas a wordpress
CSS