CSS: Media Queries

Nesta aula você vai entender o que é design responsivo, por que ele é necessário e como ele se diferencia do que você construiu até agora.

Nesta aula você vai entender o que é o viewport e por que ele é o primeiro passo para que uma página se adapte corretamente a diferentes tamanhos de tela.

Nesta aula você vai entender por que o CSS Reset é necessário antes de qualquer adaptação responsiva.

Nesta aula você vai entender por que valores relativos são necessários na construção de um layout responsivo.

Nesta aula você vai entender por que o Flexbox é necessário na construção de um layout responsivo.

Nesta aula você vai entender como o CSS permite definir estilos diferentes para tamanhos de tela diferentes.

Nesta aula você vai entender o que são media features e como elas definem o comportamento de uma media query.

Nesta aula você vai entender o que é um breakpoint, de onde vêm os valores usados nas media queries e como organizar múltiplos breakpoints no mesmo arquivo CSS.

Nesta aula você vai aprender a combinar, alternar e inverter condições, ampliando o controle sobre quando cada media query entra em ação.

Nesta aula você vai entender o que é a abordagem mobile first, como ela se diferencia do desktop first e como reescrever o CSS de uma página aplicando essa inversão de ponto de partida.