Media Queries
O que é
Um Media Query consiste em uma expressão que limita o escopo de uma ou mais classes na folha de estilo (.css), utilizando do mesmo é possível construir expressões que alteram o resultado da exibição de um componente.
Como usar
.minha-classe {
background-color: red;
}
@media (max-width: 600px) {
.minha-classe {
background-color: blue;
}
}
No exemplo acima a classe minha-classe terá um background azul nos dispositivo com resolução máxima de 600px.