media query in css maxligth code example
Example 1: @media screen and (max-width
@media screen and (min-width: 769px) {
/* STYLES HERE */
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
/* STYLES HERE */
}
@media only screen and (max-device-width: 480px) {
/* STYLES HERE */
}
Example 2: media max height css
@media only screen and (max-height: 500px) {
/* place here CSS for when the screen is less than 500px tall */
.card {
width: 100%;
}
}