Solo nos dice que ya hay un calculo para el CSS de bases, pero nunca explica que es lo que hace...
@media screen and (min-width: 1024px) {
.container {
padding-left: calc((100% - 940px)/2);
padding-right: calc((100% - 940px)/2);
}
}
El @media plica estilos específicos a un contenedor cuando la pantalla tiene un ancho mínimo de 1024 píxeles.
Y en el calc() se calcula la cantidad de relleno izquierdo y derecho del elemento. La expresión (100% - 940px) significa que queremos tomar el ancho total del contenedor (el 100% del ancho disponible) y restarle 940 píxeles. Luego, dividimos ese resultado por 2 para obtener un relleno igual en ambos lados.
Espero haber aclarado tu duda :)