9 на 100%

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

Screenshot_1.png1205×674 53.1 KB

2

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

3

Исправлено

    <body>
        <ul>
            <li><a href="#">Курсы</a></li>
            <li class="active"><a href="#">Демонстрации</a></li>
            <li><a href="#">Участники</a></li>
            <li><a href="#">Достижения</a></li>
            <li><a href="#">Профиль</a></li>
        </ul>
    </body>

ul {
    width: 200px;
    height: 205px;
    background: #2980b9;
    padding: 0;    
    list-style-type: none;  
}

a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    padding: 10px 15px;
    border-bottom: 2px solid #2c3e50;
}

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