Итоговое испытание 23/23. Как укоротить код?

Код вроде не такой уж и длинный. Но хотелось бы узнать, как нужно сделать в идеале.
Заранее спасибо.

[details=HTML]



Испытание: итоговая таблица


Итоговая таблица



























Город Посещений %
СПб 199 65.12
Москва 69 21.3
Киев 5 8
Посещений за весь период 273


[/details]

[details=CSS]body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
}

th {
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 10px;
width: 33%;
color: white;
background-color: darkcyan;
}

td {
border-bottom: 1px solid lightgray;
padding: 10px;
width: 33%;
}

.td-1 {
text-align: left;
}

.td-2 {
text-align: center;
}

.td-3 {
text-align: right;
}

.users {
background-color: lightblue;
}

.row24 {
background-color: lightyellow;
}[/details]

Хороший у вас код. Короче здесь никак не получится. Только уделяйте больше внимания названию классов.
И для закрепления таблиц есть еще одно задание, забытое (по крайней мере на форум давно никто не обращается) - https://htmlacademy.ru/courses/67/run/2 . Возможно вам будет интересно.

1 лайк

почему-то из программы исчезли эти промежуточные испытания -если бы не вы, я бы даже не узнала об их существовании. спасибо :slight_smile:

Я когда-то уже писала про эти задания.
Есть ещё, “завершающие” из старой программы, по ссылке https://htmlacademy.ru/courses/68

1 лайк

:clap: