1/* Max-width */
2@media only screen and (max-width: 600px) {...}
3
4/* Min-width */
5@media only screen and (min-width: 600px) {...}
6
7/* Combining media query expressions */
8@media only screen and (max-width: 600px) and (min-width: 400px) {...}
1@media only screen and (max-width: 600px) {
2 body {
3 background-color: lightblue;
4 }
5}
1@media only screen and (min-width: 1000px) {
2 /* place here CSS for when the screen is more than 1000px wide */
3 .card {
4 width: 50%;
5 }
6}