27/32 Хотелось бы услышать, что можно улучшить, сократить. Заранее спасибо.


#1
    <!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: строим сетку</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="head">
       <div class="layout-positioner ">
        <div class="header-text">
                Header
        </div>
      </div>  
      <div class="header-meny">
       <div class="layout-positioner ">
          Menu
       </div>
      </div>
      <div class="layout-column">
       <div class="layout-positioner">
        <div class="promo layout-column-1">Promo 1</div>
        <div class="promo layout-column-2">Promo 2</div>
      </div>
     </div>
    </div>
    <div class="bars layout-column-3">Left</div>
    <div class="bars layout-column-4">Main</div>
    <div class="bars layout-column-5">Right</div>
    <div class="foter">Footer</div>
  </body>
</html>

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

body {
  width: 450px;
  height: 335px;

  font-size: 10px;
  font-family: "Arial", sans-serif;
  color: white;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.promo.layout-column-1{
  margin-left: 40px;
}
.layout-positioner {
  width: 430px;
  margin: 0 auto;
  /*border: 2px dashed #3498db;*/
}
.head {
  background-color:#34495e;
  min-height: 170px;
}
.header-text {
  background-color:#c0392b;
  float: left;
  width: 350px;
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 35px;
  
}
.header-meny {
  background-color:#3498db;
  clear: both;
  height: 35px;
  margin-bottom: 10px;
}

.promo {
  background-color:#c0392b;
  float: left;
  margin: 0px 5px 10px;
  min-height: 60px;
  width: 170px;
}
.bars{
 height: 110px;
 background-color: #3498db;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.layout-column-3{
  margin-left: 50px;
  width: 70px;
}
.layout-column-4{
  /*margin-left: 50px;*/
  width: 190px;
}
.layout-column-5{
  /*margin-left: 50px;*/
  width: 70px;
}
.foter {
  background-color:#34495e;
  clear: both;
  height: 35px;
}