Сетки / Испытание: строим сетку [27/32] Прилип хедер

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

Снимок.PNG526×782 21.4 KB

Не знаю як выдліпити хедер
Ось код:

Испытание: строим сетку
Header
Menu
Promo 1
Promo 2
Left
Main
Right
Footer

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

}
.fon{
background:#34495e;
min-height: 150px;
}
.header{
background:#c0392b;
margin-left: 50px;
margin-right:50px;

margin-bottom:10px;
height:30px;
min-height: 25px;
padding-left:5px;
padding-top:5px;

}
.menu{
background:#3498DB;
min-height: 30px;
padding-left:55px;
padding-top:5px;
}
.promo1{
background:#c0392b;
float:left;
min-height: 55px;
padding-left:5px;
padding-top:5px;
margin:10px 5px 10px 50px;
width:165px;
}
.promo2{
background:#c0392b;
float:right;
min-height: 55px;
padding-left:5px;
padding-top:5px;
margin:10px 50px 10px 5px;
width:165px;

}
.left{
background:#3498DB;
float:left;
margin-right:10px;
width:65px;
margin-left:50px;
min-height: 105px;
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;

}
.main{
background:#3498DB;
float:left;
margin-right:10px;
width:185px;
min-height: 105px;
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;
}
.right{
float:right;
background:#3498DB;
width:65px;
margin-right:50px;
min-height: 105px;
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;
}
.footer{
background:#34495e;
min-height: 30px;
padding-left:55px;
padding-top:5px;
}
.clearfix::after{
content:"";
display:table;
clear:both;
}

3

4

ой все,дякую,не потрібна допомога,в мене вийшло)

1 лайк