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 vote153 views1 answer
How to use a blank space with grid template areas css
CSS
22 votes128 views5 answers
Circle css
CSS
17 votes159 views3 answers
Grid blocks center
CSS
0 vote142 views1 answer
Css media query for mobile and hide a row wordpress
CSS
0 vote154 views1 answer
Nunito
CSS
0 vote96 views2 answers
Media query for tablet only
CSS
1 vote145 views1 answer
How to check if eloquent result is empty
CSS
0 vote131 views1 answer
How to give opacity to background only
CSS
1 vote146 views1 answer
Css target except id
CSS
0 vote167 views1 answer
Css anchor fill parent
CSS