Oi, Matheus.
Entao, o uso do operador not
seria para esta atividade do curso. E utilizar o min-width
foi dito pelo instrutor que nao seria o correto:
"Um ponto curioso sobre exercício é a negativa da media query. Antes tínhamos @media (max-width:600px) e agora queremos o inverso dela. Como fazer?
A primeira reação é fazer @media (min-width:600px), mas isso está errado. Como os valores são inclusive, no ponto 600px, as 2 media queries vão ser executadas.
Então, pensamos em @media (min-width:601px). É quase certo. Realmente a media query anterior vai executar até 600px inclusive, e essa vai de 601px em diante. Mas isso só funcionaria se assumirmos que não existe nenhum valor entre 600px e 601px, como deveria ser. Mas não é. As telas de alta resolução e o zoom do usuário afetam essa conta e criam o conceito de subpixels. Em CSS, um px não é um pixel físico na tela, mas uma medida que depende de vários fatores (e pode ser flutuante).
Assim, a única forma é negar a media query com not. Um detalhe é que @media not (max-width:600px) é uma sintaxe inválida. Precisamos fazer @media not all and (max-width:600px). Note que o not nega a media query toda e não só a parte do all."