Aşağıdaki gibi çoğalta bilirsin.




Ekran çözünürlüğü 480px den küçük cihazlar için.

@media screen and (max-width: 480px) {
body {
background: lightgreen;
}
}




Ekran çözünürlüğü 720px den küçük cihazlar için.

@media screen and (max-width: 720px) {
body {
background: lightgreen;
}
}



Ekran çözünürlüğü 1024px den küçük cihazlar için.

@media screen and (max-width: 1024px) {
body {
background: lightgreen;
}
}