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 vote176 views2 answers
Css how to place an icon on a photo
CSS
0 vote173 views2 answers
Bootstrap 4 scss angular 8
CSS
1 vote168 views2 answers
Css grid two columns
CSS
11 votes223 views4 answers
Git hard reset to commit
CSS
4 votes197 views1 answer
How to center placeholdr text
CSS
2 votes183 views1 answer
Aajouter une image dans un before after
CSS
2 votes193 views1 answer
Journalctl last 100 lines
CSS
0 vote174 views1 answer
Media query not working with rem
CSS
1 vote181 views1 answer
Bootstrap card hover effect
CSS
1 vote180 views1 answer
Tailwind hover
CSS