Doubt-midia screen

Hello, good afternoon!

I am creating a responsive website, with this I need to create breakpoints to adjust according to screen resolutions. However, I am having a problem where I can mess with the div only on one media .. Example: 

@media screen and (min-width: 1024px) {.servico {width:40%;}}

Right, assigns that when reaching 1024 pixel the size of my class service will change to 40%, with this I need that when the resolution gets higher I use a new size for class service, being so, I will use as follows: 

@media screen and (min-width: 1100px) {.servico {width:20%;}}

Only in the breakpoints in which I am creating, it is only reading the first, since the 1100 pixel does not read..

Does anyone know why this happens? Am I performing something wrong?

Thank you!

Author: Victor Stafusa, 2019-02-24
Source

1 answers

Try adding: 

@media screen and (min-width: 1024px) and (max-width: 1099.98px) {}
 0
Author: lvr7, 2019-02-25 09:37:39