Испытание: Сетки [27/32] Пройдено на 100%

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

Привет всем, прошёл испытание на 100%, Нужны Ваши мнения.

Испытание: строим сетку 
  <div class="header">
        <div class="layout-positioner">
        <div class="head" >  Header</div>
        <div class="menu">  Menu</div>
            <div class="colums">  Promo 1</div>
            <div class="colums">    Promo 2</div>
        </div>
   </div> 
   <div class="content">
       <div class="layout-positioner">
       <div class="column"> Left </div>
       <div class="column"> Main  </div>
    <div class="column">  Right</div>
      </div>
   </div>
    
   <div class="footer"> 
  Footer
   </div>
   
</body>

html,
body {
margin: 0;
padding: 0;
}

body {
width: 450px;
height: 335px;
font-family: “Arial”, sans-serif;
font-size: 10px;
color: white;
}
.header{
background:#34495e;
padding:10px 0;

}
.head{
height:25px;
background:#c0392b;
width:340px;
margin-left:auto;
margin-right:auto;
padding:5px;

}
.menu{
background:#3498DB;
height:25px;
margin-top:10px;
margin-bottom:10px;
padding:5px 55px;
}
.colums{
float:left;
background:#c0392b;
height:50px;
width:160px;
padding:5px;
margin-left:50px;
}

.header .colums:last-child{
margin-left:10px;
}

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

}
.content .column:first-child{
    margin-left:40px;    
    }

.content .column:nth-child(2){
    width:180px;
}

.footer {
background:#34495e;
height:25px;
padding:5px 55px;

}

.layout-positioner:after {
content:"";
display:table;
clear:both;

}

/*
Используемые цвета:
#34495e – мокрый асфальт
#c0392b – красный
#3498DB – синий
*/

2

На этой неделе здесь просто “эпидемия” по испытанию “Сетки”. Вот еще один вариант, разница в создании темы всего в минуту: [27/32] Нуждаюсь в критике
Так почему бы вам не прокомментировать коды друг друга? Это форум, давайте пообсуждаем задание.