Olá. Eu sei que não é o foco do curso, mas poderia me explicar melhor esse cálculo que está sendo feito?
.container {
padding-left: calc((100% - 940px)/2);
padding-right: calc((100% - 940px)/2);
}Obrigado.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá. Eu sei que não é o foco do curso, mas poderia me explicar melhor esse cálculo que está sendo feito?
.container {
padding-left: calc((100% - 940px)/2);
padding-right: calc((100% - 940px)/2);
}Obrigado.
Fala ai Jocimar, tudo bem? Vamos la:
calc((100% - 940px)/2)Aqui basicamente funciona assim:
O padding vai pegar 100% de largura da página, imagine que sua página tenha 1000px o calc de 100% seria 1000px.
Depois disso, ele vai pegar os 1000px e subtrair 940px, ficaria 60px.
E por fim vai dividir por dois, ficando 30px.
Espero ter ajudado.