Испытание: строим сетку [27/32] Есть вопрос по коду.

Курсы §15. Сетки
1

Прошел испытание, 99% - визуально выглядит все хорош, но уверен, что в коде могут быть ошибки. Может кто подскажет, где я что неправильно применил?

  <body>
    
       `Текст "как есть" (без применения форматирования)`<div class="head">
            <div class="layout-positioner">
                <div class="header">Header</div>
            </div>
        </div>
        <div class="topmenu">
            <div class="layout-positioner">
                <div class="menu">Menu</div>
            </div>
        </div>
    <div class="promo-block">
        <div class="layout-positioner">
            <div class="promo-1">Promo 1</div>
            <div class="promo-2">Promo 2</div>
        </div>
    </div>
    <div class="lmr">
        <div class="layout-positioner">
            <div class="left">Left</div>
            <div class="main">Main</div>
            <div class="right">Right</div>
        </div>    
    </div>
    <div class="foot">
        <div class="layout-positioner">
            <div class="footer">Footer</div>
            </div>
        </div>
         
</body>

.layout-positioner {
    width: 350px;
    margin: 0px auto;
}


.head {
    background: #34495e;
    min-height: 45px;
    padding-top: 10px;
}
.header {
    background: #c0392b;
    min-height: 25px;
    padding: 5px;
}

.topmenu {
    background: #3498DB; 
}

.menu {
    min-height: 25px;
    padding: 5px;
}

.promo-block {
    background: #34495e;
    min-height: 60px;
    padding: 10px 0px
}

.promo-1 {
    background: #c0392b;
    float: left;
    width: 160px;
    min-height: 50px;
    padding: 5px;
}

.promo-2 {
    background: #c0392b;
    float: right;
    width: 160px;
    min-height: 50px;
    padding: 5px;
}

.lmr {
    padding: 10px;
    min-height: 110px;
}

.left {
    background: #3498DB;
    width: 60px;
    min-height: 100px;
    float: left;
    margin-right: 10px;
    padding: 5px;
}

.main {
    background: #3498DB;
    width: 180px;
    min-height: 100px;
    float: left;
    padding: 5px;
}

.right {
    background: #3498DB;
    float: right;
    width: 60px;
    min-height: 100px;
    padding: 5px;
}

.foot {
    background: #34495e;
    min-height: 30px;
    padding: 5px;
}

.footer {
}
2

Обертка .layout-positioner лишняя. Вы вполне могли добавить класс центровщика вторым для блока выше. Например:

 <div class="promo-block layout-positioner">
            <div class="promo-1">Promo 1</div>
            <div class="promo-2">Promo 2</div>
 </div>