[23/32] помогите :)

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

Уже бьюсь несколько часов над заданием, помогите пожалуйста выравнять меню с хэдером)
Вот такая штука выходит(

Безымянный.png1366×768 94.5 KB

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

body {
width: 450px;
height: 335px;
font-family: “Arial”, sans-serif;
font-size: 10px;
color: white;
}
.layout-positioner::after {
display: table;
content: “”;
clear: both;}

.header{
background:#34495e;
box-sizing: border-box;}

.logo {
width: 360px;
height: 35px;
background: #c0392b;
margin: 0 auto;
padding: 5px 10px;
box-sizing:border-box;}

.menu {
width: 500px;
height: 25px;
background: #3498DB;
padding: 5px 40px;
margin-top: 10px;
clear: both;}

.promo-1
{float: left;
background: #c0392b;
height:50px;
width:165px;
padding: 5px;
margin-left: 40px;
margin-top:10px;
margin-bottom:10px;
margin-right: 5px;
}

.promo-2
{float: right;
background: #c0392b;
height:50px;
width:160px;
padding: 5px;
margin-left: 5px;
margin-top:10px;
margin-bottom:10px;
margin-right: 30px;
}

.column1 {
float: left;
height:100px;
width:60px;
background: #3498DB;
margin-left: 40px;
margin-top:10px;
margin-right: 5px;
padding: 5px}

.column2
{float: left;
height:100px;
width:190px;
background: #3498DB;
margin-left: 5px;
margin-top:10px;
margin-right: 5px;
padding: 5px;}

.column3 {
float: right;
height:100px;
width:60px;
background: #3498DB;
margin-top:10px;
margin-right: 30px;
padding: 5px;}

.footer
{ background: #34495e;
margin-top: 10px;
height:20px;
padding: 10px 55px}

.layout-positioner {
width: 430px;
margin: 0 auto;
/* border: 1px dashed #3498db/*

2

Имя файла изображения1366×768 121 KB

3

Карина, ежедневно разбирается по 2-3 раза эта тема, поищите на форуме их и исправьте свои ошибки самостоятельно, эта легкое задание если в нем разобраться самой:)

1 лайк
4

Спасибо, нашла ошибку из-за которой больше всего страдала) но жаль всего лишь 92%,
чужие коды можно лишь изучить на наличие определенных элементов, все-таки каждый пишет под себя уникально, так как он это видит и делать мне как у других, это было свой код полностью кроить.

5

скиньте html и css ваш я посмотрю почему 92%, я рад что вы сами поискали свои ошибки.