Испытание: строим сетку - можете проверить качество кода?

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

Очень понравилось испытание. Мои извилины думали 2 часа с лишним :crazy_face: Но я так же старался добиться и красоты кода. Подскажите пожалуйста. Что делал неправильно? Может какие-то моменты где HTML/CSS феншуй не был соблюден? Спасибо заранее

<div class="header">
  <div class="center">
    <div class="header-main"><p>Header</p></div>
  </div>  
  <div class="header-menu">
      <div class="center"><p>Menu</p></div>
  </div>
  <div class="header-promo">
    <div class="center">
      <div class="header-promo1"><p>Promo 1</p></div>
      <div class="header-promo2"><p>Promo 2</p></div>
    </div>
  </div>
</div>  
<!-- Основное содержимое -->
<div class="main">
  <div class="center">
    <div class="main-left"><p>Left</p></div>
    <div class="main-center"><p>Main</p></div>
    <div class="main-right"><p>Right</p></div>
  </div>
</div>  
<!-- Подвал -->
<div class="footer">
  <div class="center">
    <p>Footer</p>
  </div>
</div>

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

body {
width: 450px;
height: 335px;
font-size: 10px;
font-family: “Arial”, sans-serif;
color: white;
}

p {
margin: 0px;
padding: 5px;
}

.center {
width: 350px;
margin: 0 auto;
}

.center:after {
content: “”;
display: table;
clear: both;
}

.header {
background-color: #34495e;
padding-top: 10px;
padding-bottom: 10px;
}

.header-main {
background-color: #c0392b;
min-height: 35px;
}

.header-menu {
background-color: #3498db;
min-height: 35px;
margin: 10px 0;
}

.header-promo1 {
background-color: #c0392b;
width: 170px;
min-height: 60px;
float: left;
}

.header-promo2 {
background-color: #c0392b;
width: 170px;
min-height: 60px;
float: right;
}

.main {
padding-top: 10px;
padding-bottom: 10px;
}

.main-left {
background-color: #3498db;
width: 70px;
min-height: 110px;
margin-right: 10px;
float: left;
}

.main-center {
background-color: #3498db;
width: 190px;
min-height: 110px;
margin-right: 10px;
float: left;
}

.main-right {
background-color: #3498db;
width: 70px;
min-height: 110px;
float: left;
}

.footer {
background-color: #34495e;
height: 35px;
}