[9/28] (100%) Оцените код

Курсы §13. Мастерская: создаём меню
1 
<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>Испытание: вертикальное меню</title>
    </head>
    <body>
       <nav>
           <ul class="navigation">
               <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>
       </nav>
    </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;
}

.navigation {
padding: 0;
width: 200px;
}

.navigation li {
list-style: none;
}

.navigation a {
display: block;
padding: 10px 15px;
color: #fff;
text-decoration: none;
border-bottom: 2px solid #2c3e50;
background-color: #2980b9;
}

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

2

Ничего лишнего. Замечаний нет.

3

А зачем бади и хед табулировать?

4

О чём речь?)

5

Ну выделять вложенность надо, но зачем бади и хед)? С таким же успехом, доктайп можно отделить визуально)

6

Ну, ты уже совсем придираешься…)
У меня в редакторе расширение, которое красоту по коду наводит - beautify - еще кроме табов пустыми строками head и body отделяет.

7

Ну на самом деле - дело вкуса, но всё же) Мне не нравится и всё) Не бъютифул это для меня)
У меня на работе - только обычный блокнот есть) Вот оно - извращение)!

8

А еще… придерживаетесь однообразия, цвет в 3-значном варианте или 6-значном

9

:joy: Да уж, действительно дело вкуса…