/* võimaldab luua oma media querysid */
/* Small devices (landscape phones) */
@media (min-width: 576px) {
body{
background: red;
}
}
/* Medium devices (tablets) */
@media (min-with: 788px) {
body{
background: blue;
}
}
/* Large devices (desktops) */
@media (min-width: 992px) {
body{
background: green;
}
}
/* Extra large devices (large desktops) */
@media (min-width: 1200px) {
body{
background: yellow;
}
}
/* The given screen size or smaller */
/* Extra small devices (portrait phones)*/
@media (max-width: 575px) {
body{
background: coral;
}
}