Eu já trabalhei como front-end, tenho um bom conhecimento do uso da grid. As 12 colunas são baseadas na grid do bootstrap então eles possuem uma margin de 15px sendo que o .row possui -15px.

No Layout Setting vamos ter 1170px no total do layout contanto com o padding externo de 15px para esquerda e 15px para direita. Cada coluna deve ter 68px com margins de 15px na esquerda e na direita o que totaliza em 30px entre cada coluna.

Este curso de UX é ótimo, porem isso deve ser levado a sérios, pois quando o front-end recebe um arquivo que não possui esses padrões acaba ficando um pouco complicado para trabalhar.