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 vote322 views1 answer
Ul li dot seprator
CSS
-1 vote377 views1 answer
Html css image slider
CSS
0 vote328 views1 answer
Install wrangler
CSS
6 votes352 views3 answers
Input checkbox size
CSS
0 vote382 views1 answer
How to use purgecss with webpack mix laravel
CSS
0 vote337 views1 answer
Long text coming out of the block
CSS
0 vote348 views1 answer
Flexbox froggy
CSS
27 votes321 views4 answers
How to import fonts css
CSS
0 vote319 views1 answer
Text flow top to bottom
CSS
0 vote373 views2 answers
Create column with values mapped from another column python
CSS