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 vote140 views2 answers
Background image syntax in css if it in folder
CSS
7 votes133 views1 answer
Remve arrow from input ype number
CSS
-1 vote188 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote174 views1 answer
Deploy truffle project on testnet
CSS
6 votes126 views6 answers
How to properly install tailwind css in react
CSS
1 vote127 views1 answer
Perfect circle css
CSS
1 vote132 views2 answers
Antd css
CSS
18 votes102 views7 answers
Round button css
CSS
50 votes135 views3 answers
How to center in absolute position
CSS
0 vote143 views1 answer
Flutter replacement for flatbutton
CSS