Упражнение прошёл.
Но, мне не понравилось поведение таблицы “Личный зачёт кубка мира”.
При наведении на вторую строку – последняя колонка сдвигается.
Добавил ещё одно правило – стало лучше.
td:nth-child(2) {
width: 100%;
}
…или я (как начинающий) в чём-то ошибаюсь?
Нет, вы правы. Можно так, как вы сделали. А можно задать выравнивание текста в третьем столбце по правому краю - эффект тот же.
Так получается немного длиннее:
td:last-child,
th:last-child {
text-align: right;
}
Оба варианта правильные, используйте тот, что нравится.
@juwain, обратите внимание на этот факт. Не хорошо, когда текст “скачет” при наведении.
Привет, да, знаем об этом моменте, поправим при обновлении курса.
На таких мелочах мы и учимся.
Можно не поправлять. Лучше в описании предложить справиться с этим самостоятельно…
Чтобы текст не скакал, я сделал так:
td:nth-child(3),
th:nth-child(3) {
text-align: right;
}
Но ваше решение, на мой взгляд, более изящное) Спасибо!
td {
width: 100%;
}
Мне вот так понравилось. И можно еще padding-right добавить по вкусу.