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 vote260 views1 answer
Youtube-dl forbidden
CSS
37 votes254 views2 answers
Css transform y
CSS
2 votes274 views2 answers
Details transition css
CSS
10 votes277 views2 answers
How to include one css file in another
CSS
3 votes261 views1 answer
Javafx button padding css
CSS
0 vote268 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
0 vote288 views1 answer
React html height 100%
CSS
2 votes255 views2 answers
How to give 2 different background color css
CSS
0 vote294 views1 answer
Mat radio button color
CSS
1 vote255 views1 answer
Tailwind hover
CSS