how to use media css code example
Example 1: media query
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
Example 2: 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;
}
}
Example 3: media query css for all devices
@media (min-width: 600px) and (max-width: 800px) {
/* your css code here */
/* html { background: red; } */
}