27/32 100% Как улучшить? Советы?

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

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

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

}

.header{
background-color: #c0392b;
height:25px;
margin:0px 50px;
padding:5px
}
.menu{
background-color:#3498DB;
margin-top:10px;
margin-bottom:10px;
min-height:30px;
padding-top:5px;
padding-left:55px

}

.promo1{
background-color: #c0392b;
float:left;
margin:0px 10px 0px 50px;
width:165px;
height:55px;
padding:5px 0px 0px 5px;

}

.promo2{
background-color: #c0392b;
float:left;
width:165px;
height:55px;
padding:5px 0px 0px 5px;
}
.left, .main, .right{
float: left;
background-color:#3498DB;
height:105px;
margin-top:20px
}
.left{
float:left;
padding:5px 0px 0px 5px;
margin-left:50px;
width:65px
}
.main{
padding:5px 0px 0px 5px;
margin-left:10px;
width:185px
}
.right{
padding:5px 0px 0px 5px;
width:65px;
margin-left:10px
}
.footer{
background-color: #34495e;
padding-top:5px;
padding-left:55px;
margin-top:130px;
height:30px
}

3

Почитайте несколько тем по разделу сначала: http://forum.academy/c/kursy/15-setki
Для форматирования кода в редакторе сообщений предусмотрена кнопка </>.

4 
<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>Испытание: строим сетку</title>
        <meta charset="utf-8">
    </head>
    <body>
    <div class="container1 ">
        <div class="header">Header</div>
        <div class="menu ">Menu</div>
        <div class=" promo1">Promo 1</div>
        <div class=" promo2">Promo 2</div>
        <div class="left">Left</div>
         <div class="main"> Main</div>
         <div class="right">Right</div>
    </div>
     <div class="footer"> Footer</div>
    
    </body>
</html>
6

Такое чувство, что под ответ подогнал)

7

Посмотрите по ссылке, как другие делали. Задайте конкретные вопросы, если не понятно, что и для чего сделано.