Oi Ivan. Desculpe me intrometer, mas eu acho que tem um erro nos desenhos que você está utilizando…
Bruno Berkenbrock
11

Não há por que pedir desculpas Bruno, até mesmo por que tua observação está correta.

Realmente há uma quebra na regra dos paddings nas grids internas desenhadas, pois as colunas utilizam box-sizing: border-box o que possibilita o padding interno da coluna não adicionar largura/altura.

Interessante esse ponto qual você tocou, pois se temos gutters de 15px, o aninhamento de grids dentro de colunas em níveis muito profundos realmente não faz sentido, pois os elementos teriam mais padding do que a própria largura.

Mas enfim, as explicações eram pra demonstrar uma possibilidade/curiosidade extra e assim, mostrar que front-ends utilizam grids para estruturar a parte macro da aplicação.

Obrigado pela observação.