27/32 100% что можно улучшить?


#1
<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: строим сетку</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="header-wrapper">
      <div class="layout-positioner">
    <div class="header">Header</div>
    </div>
    <div class="menu-wrapper">
      <div class="layout-positioner">
    <div class="menu">Menu</div>
    </div>
    </div>
    <div class="layout-positioner clearfix">
    <div class="promo1 promo">Promo 1</div>
    <div class="promo2 promo">Promo 2</div>
    </div>
      </div>
      <div class="content-wrapper">
      <div class="layout-positioner clearfix">
    <div class="column left">Left</div>
    <div class="column main">Main</div>
    <div class="column right">Right</div>
    </div>
    </div>
    <div class="footer-wrapper">
     <div class="layout-positioner">
    <div class="footer">Footer</div>
    </div>
    </div>
  </body>
</html>

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

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

  font-size: 10px;
  font-family: "Arial", sans-serif;
  color: white;
}

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

.header-wrapper {
  background-color: #34495e;
  padding: 10px 0;
  }

.header {
  background-color: #c0392b;
  min-height: 25px;
  padding: 5px;
  }

.menu-wrapper {
  background-color: #3498db;
  margin: 10px 0;
  }
  
.menu {
  min-height: 25px;
  padding: 5px;
  }
    
.promo {
  background-color: #c0392b;
  width: 160px;
  min-height: 50px;
  float: left;
  padding: 5px;
  }
  
.promo1 {
  margin-right: 10px;
  }

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
  
.column {
  background-color: #3498db;
  min-height: 100px;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 5px;
  }

.left, .right {
  width: 60px;
  }
  
.main {
  width: 180px;
  }
  
.right {
  margin-right: 0;
  }
  
.footer-wrapper {
   background-color: #34495e;
   min-height: 35px;
  }
  
.footer {
  padding: 5px;
  }

#2

.footer-wrapper {
background-color: #34495e;
min-height: 35px; /* растянется контентом */
}

.footer {
padding: 5px;
min-height: 35px;
}


#3

спасибо)