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

Similar codes

6 votes131 views4 answers
Css hover to disable
CSS
2 votes135 views2 answers
Display flex align last item to left
CSS
4 votes187 views1 answer
Striped tables css
CSS
0 vote139 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
59 votes139 views6 answers
Css hover
CSS
40 votes134 views4 answers
Center on page css
CSS
2 votes142 views1 answer
Css focus outline none
CSS
0 vote231 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
2 votes188 views2 answers
Bootstrap icons in angular
CSS Bootstrap
-1 vote132 views1 answer
Hwo to use flexbox to make a nav bar
CSS