15/28 [93%] Прошу указать на ошибки

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



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;
        margin-top: 15px;
        padding: 0;
        width: 200px;
        list-style: none;    
    }

    .menu a {
        display:block;
        padding: 10px 15px;
        text-decoration: none;
        background-color: #2980b9;
        color: #ffffff;
        border: 2px solid #2c3e50;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .menu .active a {
        background-color: #1abc9c;
        border-color: #2ecc71;
    }

В чем смысл таких манипуляций?
Ваш код скорее из испытания “Вертикальное меню”, номер 9.
Не обнуляйте внешние отступы у списка и не задавайте свои. Тогда будет 100%.