Испытание: вертикальное меню 99%

Курсы §13. Мастерская: создаём меню
1

Критику пожалуйста по моему коду. Не могу понять, вроде бы сходство полное, но почему-то выполнено на 99%. Ещё мне не понятен момент, где вначале в body обнуляются отступы. Но всё-равно с краю была белая полоса. Я обнулил их ещё раз во 2-ом body, где расписан основной код и всё стало на место. Почему не было достаточно одного обнуления ? И беда с внутренним отступом. По заданию должно быть всё кратно 5. У меня же там 24px. С 25px разница становится ещё больше, а проценты падают до 93. В заранее благодарю за помощь)
`

Испытание: вертикальное меню
`

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

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;

}
ul.main-menu{
padding:24px 10px;
margin:0;
width:280px;
background: #ecf0f1;
height:250px;

}
.main-menu a{
text-decoration:none;
border-bottom: 2px solid #2c3e50;
color:#fff;
background:#2980b9;
display:block;
width:170px;
padding:10px 15px;
}
.main-menu{
list-style:none;
}
li.active a{
background:#1abc9c;
border-bottom:2px solid #2ecc71

2

Намудрили с отступами:
body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
/*margin: 0;
padding: 0;*/
}

ul.main-menu{
/*padding:24px 10px;*/
padding: 0;
/*margin:0;*/
width:280px;
background: #ecf0f1;
/*height:250px;*/
}

Нужно было обнулить внутренние отступы у списка, а не у body.

3

Да, но у меняна экране не идентичны списки, хотя пишет 100%. Поэтому я видимо и намудрил. Цвет фона #ecf0f1 в задании только идёт до середины окна. А в моём примере занимает всё окно. Браузер у меня Гугл Хром.

4

Это правильно. Фон и должен быть на ширину всего окна (фоновый цвет для body был прописан изначально, когда вы только загрузили страницу с заданием, и менять ничего не надо). Дело в том, что картинка в окне “Результат” имеет размер 300px на 300px, а ширина окна больше.

5

Понятно, спасибо. Вот из-за этого я и намудрил в коде. Т.к. пытался тоже сделать до середины окна. Поэтому фон у брал у body и задал его списку.