mediálny dotaz min a 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) {...}
min a maximálna šírka mediálneho dotazu
@media (max-width: 989px) and (min-width: 768px) {}
css pre médiá s minimálnou šírkou
@media only screen and (min-width: 1000px) {
/* place here CSS for when the screen is more than 1000px wide */
.card {
width: 50%;
}
}
@media obrazovky a (min-šírka
@media (min-width: 1250px) { ... }
min-šírka mediálny dotaz
Max Media Query
media min výška css
@media only screen and (min-height: 500px) {
/* place here CSS for when the screen is more than 500px tall */
.card {
background: #111;
}
}