Вообще первый раз вижу здесь пример кода с комментированием каждой строки. Я тоже так часто делаю. Когда знаешь, для чего в коде каждое написанное свойство, вероятность лишних строк почти равна нулю.
Но возвращаюсь к вашему вопросу.
Да, вы правы. .flag и td:nth-child(2) - это одно и то же. Если бы не одно обстоятельство. “Шапка” таблицы. После объединения ячеек там их меньше, чем в других строках. И второй по счету ячейкой в шапке получается ячейка с медалью. Отступы у медали меняются - и вся таблица ломается.
Сделайте шапку с помощью th, тогда сможете воспользоваться селектором td:nth-child(2).
(Еще уберите идентификатор у тега table, в CSS он не используется. В CSS-редакторе каждое свойство пишите с новой строки. Если у вас внутренний отступ задается с каждой стороны. то лучше написать всё в одном: padding: 10px 20px 10px 20px; или даже так padding: 10px 20px; )
Ссылка на кодгайд есть у вас?
1 лайк