media query min and max
/* Max-width */
@media only screen and (max-width: 600px) {...}
/* Min-width */
@media only screen and (min-width: 600px) {...}
/* Combining media query expressions */
@media only screen and (max-width: 600px) and (min-width: 400px) {...}media query
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}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%;
}
}min and max width media query
@media (max-width: 989px) and (min-width: 768px) {}maxheight media query
@media screen and (max-width: 995px),
screen and (max-height: 700px) {
...
}what is a max and min width media query
/* What this query really means, is If [device width] is less than or equal to 600px, then do */
@media only screen and (max-width: 600px) {...}
/* What this query really means, is If [device width] is greater than or equal to 600px, then do */
@media only screen and (min-width: 600px) {...}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
