Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Duvida position relative

No header para centralizar o conteudo do nav criamos uma classe com nome caixa, e ela foi alterada para position relative:

.caixa {
  width: 940px;
  position: relative;
  margin: 0 auto;
}

Gostaria de saber porque não foi necessario utilizar o mesmo artificio para centralizar o conteúdo dos produtos.

.produtos {
  width: 940px;
  margin: 0 auto;
  padding: 50px 0;
}

Obrigado.

1 resposta
solução!

Olá, foi utilizado o position absolute nos links de navegação para poder coloca-los na direita e alinhado verticalmente no meio, por isso a necessidade de criar um elemento .caixa com position relative. Mas existe outras formas de fazer isso que facilitam o processo, você irá aprender nos cursos de flexbox e grid.

O conteúdo dos produtos foi centralizado horizontalmente apenas com o margin: 0 auto;

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software