Olá, boa tarde!
Estou criando um web site responsivo, com isso preciso criar os breakpoint para ir se ajustando conforme as resoluções de tela. Porém, estou com um problema aonde eu consigo mexer na div somente em uma mídia .. Exemplo:
@media screen and (min-width: 1024px) {.servico {width:40%;}}
Certo, atribui que ao chegar a 1024 pixel o tamanho da minha class serviço mudará para 40%, com isso eu preciso que quando a resolução ficar maior eu utilize um novo tamanho para class serviço, sendo assim, usarei da seguinte forma:
@media screen and (min-width: 1100px) {.servico {width:20%;}}
Só que no breakpoints em que estou criando, apenas está à ler o primeiro, já o de 1100 pixel não lê..
Alguém sabe o porque disto acontecer? Estou realizando algo de errado?
Obrigado!
min-width: 1100px
) depois da primeira (min-width: 1024px
)?