Ошибка проверки

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

Снимок.PNG877×772 21.1 KB

когда нажимаю проверку в результате появляеться не то самое что в мини браузере

2

Покажите код.

3 
<!DOCTYPE html>
<html>
    <head>
       <title>Испытание: строим сетку</title>
       <meta charset="utf-8">
    </head>
    <body><header>
        <div class="position">
            <div class="box-heder">Header
            </div>
        </div>
     </header>
       <nav> <div class="position">
           <div class="menu">Menu
            </div></div>
       </nav>
        <div class="promo-box clearfix"><div class="position">
            
            <div class="promo promo1">Promo 1</div>
            <div class="promo promo2">Promo 2</div>
        </div></div>
       <div class="center clearfix"><div class="position">
           
        <div class="left"> Left</div>
        <div class="main">Main</div>
        <div class="right">Right</div>
        </div></div>
        Footer
    </body>
</html>

html, body{
margin:0;
padding:0;
}
body{
width:450px;
height:335px;
font-family:‘Arial’, sans-serif;
font-size:10px;
color:white;
}
/*
Используемые цвета:
#34495e - мокрый асфальт
#c0392b - красный
#3498DB - синий
*/
header,.promo-box{

background:  #34495e;
Padding-top:10px;
padding-bottom:10px;

}
.position{
width:450px;
}

.box-heder{
box-sizing:padding-box;
padding:5px;
width:350px;
height:40px;
background: #c0392b;
margin-left:auto;
margin-right:auto;
}
nav,.center .position div{
background: #3498DB;
float:left}
.menu{
box-sizing:padding-box;
width:350px;
margin:5px auto 0 auto;
height:30px;
padding-left:5px;}

.promo1,.promo2{
background:#c0392b;
width:165px;
height:50px;
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
padding:5px;

}

.clearfix:after{
content:’’;
display:table;
clear:both;}

.left,.right{
box-sizing:padding-box;
width:70px;
margin-left:10px;
margin-top:10px;
height:100px;
padding:5px;
}
.promo1,.left{
margin-left:50px;
}
.main{
box-sizing:padding-box;
padding:5px;
margin-left:10px;
width:200px;
height:100px;
margin-top:10px;
}

4

Код ещё не готовый, много ещё неправильно, просто непонимаю изза чево при проверке показует неправильно

5

Значение padding-box не поддерживается браузером. Используйте border-box и проблем не будет.