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.
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.