Подскажите,где у меня ошибки?

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;
}
.menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu li{
    display: block;
    background-color:#2980b9;
    border-bottom:2px solid#2c3e50;
    padding:10px 15px;
    width:170px;
    color:#ffffff;
}
.menu .menu2{
    background:#1abc9c;
    border-bottom:none;
}
.menu .menu2:hover{
    background:#2ECC71;
}

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>Испытание: вертикальное меню</title>
    </head>
    <body>
        <ul class="menu">
         <li>Курсы</li>
         <li class="menu2">Демонстрации</li>
         <li>Участники</li>
         <li>Достижения</li>
         <li>Профиль</li>
        </ul>
    </body>
</html>

Приведите код в удобочитаемый вид. CSS-правила и свойства пишутся “в столбик”.
Ваше меню без ссылок, это главная ошибка.

1 лайк

так в задании нет указания на то,что бы они там были.

зачем их делать,если и без них все это можно провернуть:)

В пунктах 1-8 перед испытанием демонстрируется, как создается меню, со ссылками. Меню предполагает выбор одного или нескольких элементов из перечня и переход на другую страницу. А как вы будете выбирать?
Вы добились визуального соответствия, не более того.

я думал есть варианты сделать по-другому:)повторять ,так повторять