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 vote402 views1 answer
Why grepper not always shows
CSS
1 vote371 views1 answer
How to check if eloquent result is empty
CSS
6 votes391 views5 answers
Object fit css
CSS
5 votes390 views2 answers
Css for disabled button
CSS
6 votes306 views1 answer
Jqeury css edit
CSS
1 vote360 views1 answer
Css stylistic alternates
CSS
4 votes344 views1 answer
Change hex background opacity css
CSS
-1 vote377 views1 answer
Focus on input change label color
CSS
2 votes409 views2 answers
Mongoose populate selected fields
CSS
2 votes380 views6 answers
Tailwindcss
CSS