Испытание 9/28 100%, знаю, что есть ошибка. Подскажите где?

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

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;
background: #ecf0f1;
}
.main-menu {
margin-top: 14px;
list-style: none;
width: 200px;
padding: 0;
background: #2980b9;
color: #ffffff;
}
.main-menu a {
display: block;
border-bottom: 2px solid #2c3e50;
text-decoration: none;
padding: 10px 15px;
color: #ffffff;
}

.main-menu .active a {
background: #1abc9c;
border-bottom: 2px solid #2ecc71;
}

2

… знаю, что есть ошибка…

Это вы кого проверяете? Почему решили, что есть ошибка?

3

.main-menu {
margin-top: 14px;

В задании написано, что отступы должны быть кратны 5px. Поэтому и возникло подозрение, что что-то не учёл.

4

Вы эту строку не пишите, и не будет ошибки)

5

показывает 100%, все хорошо. Но никак не пойму, почему если не указывать маргин-топ для мейн-меню, отступ сверху все равно есть?

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

6

потому что для списков в браузерах прописаны отступы по умолчанию. Если вы сами пропишите margin, то вы эти отступы переопределите, а если прописывать не будете, то отобразятся те, которые в браузере.

2 лайка
7

Спасибо)