A situação é o seguinte, fiz primeiramente o layout do mobile (mobile first) com a seguinte propriedade no CSS como base:
.container{
padding-left: 6%;
padding-right: 6%;
}Quando passado para desktop (1024px), o professor fez o seguinte cálculo para o container:
@media screen and (min-width: 1024px) {
.container {
padding-left: calc((100% - 940px)/2);
padding-right: calc((100% - 940px)/2);
}
}Alguém consegue me explicar esse cálculo? Não consegui compreender, se eu estivesse por conta própria com certeza não faria desse jeito kkkkk, por isso gostaria de entender melhor.
OBS.: essa classe .container é usada em todas as sections para centralizar o conteúdo.
