Сетки [27/32]. Испытание на 100%, но что можно оптимизировать?

https://jsfiddle.net/Laebra/7dh4ake2/1/
Как мне кажется, можно в центровщик вынести общие для элементов ширину, высоту и тому подобные элементы. Но может еще что-то не так? Перепроходил эту тему, так как в предыдущий раз пользовался wrapper-ом и clearfix-ом. Сказали перечитать

А что центрует ваш центровщик при таком коде в правиле?

.layout-positioner{
  margin-bottom: 10px;
}

в этом правиле он ничего не центрует но добавляет отступ между секциями

А в чем роль центровщика тогда, если он ничего не центрует?

а если так https://jsfiddle.net/Laebra/7dh4ake2/5/
Добавил позиционирование

Позиционирование не вижу, возможно вы имели в виду что-то другое. Но в целом лучше не стало.
Посмотрите темы по разделу. Например, Сетки 27/32. Испытание пройдено. Но как?
Или задайте конкретные вопросы. Если вы не понимаете, что такое центровщик, то нужно разобраться. Это основа любой сетки страницы.