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

1 vote102 views1 answer
Css caret-color property
CSS
0 vote97 views1 answer
Create an irregular shape div css
CSS
0 vote115 views1 answer
Css battle 54 char
CSS
0 vote111 views1 answer
Change size
CSS
1 vote99 views1 answer
How to change the underline thickness in css
CSS
0 vote107 views1 answer
Css opacité fond mais pas texte
CSS
98 votes107 views2 answers
Css box-shadow shorthand
CSS
18 votes115 views6 answers
Install bootstrap angular 9
CSS
0 vote115 views1 answer
Css space inter words
CSS
0 vote93 views1 answer
Hwo to reload css in flask
CSS