27/32 Пжл посмотрите код и выскажите своё мнение и критику, желательно те кто в этом разбирается на уровне профи. 100% выполнение.

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

27-32.png1366×2149 78.8 KB

Прошу прощения, я просто не знаю как можно сделать скриншот экрана с прокруткой.

2

Код текстом, пожалуйста.
Кнопка для вставки </> в редакторе сообщений.

3 
/*=================== HEADER ====================*/

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

.positioneer {
width:350px;
margin:auto;
}

.positioneer:after {
content:"";
display:block;
clear:both;
}
.header {
min-height:25px;
padding: 5px;
background-color:#c0392b;
margin-bottom:10px;

}
.menu {
min-height:25px;
padding: 5px 5px 5px 55px;
background-color:#3498DB;
margin-bottom:10px;
}
.promo1 {
float:left;
background-color:#c0392b;
padding: 5px 5px 15px 5px;
min-height:40px;
width:160px;
margin-right:10px;
}
.promo2 {
float:right;
background-color:#c0392b;
padding: 5px 5px 15px 5px;
min-height:40px;
width:160px;
}
/=============== CONTENT ===================/

.block2 {
padding:10px
}
.data {
padding:5px;
background-color:#3498DB;
margin-right:10px;
}
.data:last-child {margin-right:0px;}
.left {
width:60px;
height:100px;
float:left;}
.main {
width:180px;
height:100px;
float:left;}
.right {
width:60px;
height:100px;
float:right;
}

/=============== FOOTER ================/
.footer {
background:#34495e;
min-height:25px;
padding: 5px 5px 5px 55px;

}
4

отправил.

5

В меню и футере нет центровщика.
В блоках left, main, right вместо min-height просто height.
Одинаковые свойства было бы неплохо группировать, чтобы сократить код.

6

спасибо