Media Queries

Olá, estudante!

O @media é utilizado para aplicar estilos específicos em determinadas condições, como a largura da tela. Ele não é usado apenas para aplicações em uma resolução específica, mas também pode ser usado para definir estilos diferentes para diferentes tamanhos de tela.

A diferença entre max-width e min-width é a seguinte:

• max-width é usado para definir um estilo quando a largura da tela é menor ou igual a um determinado valor. Por exemplo, se você definir max-width: 768px, o estilo será aplicado quando a largura da tela for de 768 pixels ou menos.

• min-width é usado para definir um estilo quando a largura da tela é maior ou igual a um determinado valor. Por exemplo, se você definir min-width: 768px, o estilo será aplicado quando a largura da tela for de 768 pixels ou mais.

Dessa forma, você pode criar estilos diferentes para diferentes tamanhos de tela usando as media queries. Por exemplo, você pode definir um estilo para telas menores que 768 pixels e outro estilo para telas maiores que 768 pixels e por aí em diante, a ideia é que o usuário mobile usem seu site tão bem quanto o usuário de um computador com tela curvada.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

MUITO OBRIGADO!