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

Курсы §5. Знакомство с таблицами
1

Задание выполнено на 90%. Вижу, что картинка не совпадает, но не могу понять, что изменить в коде.

<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: итоговая таблица</title>
    </head>
    <body>
        <h1>Итоговая таблица</h1>
       <table>
            <tr>
                <th class="head-1">Город</th>
                <th class="head-2">Посещений</th>
                <th class="head-3">%</th>
            <tr>
            <tr>
                <td>СПб</td>
                <td class="collum-1">199</td>
                <td class="collum-2">65.12</td>
            <tr>
            <tr class="row-1">

                <td>Москва</td>
                <td class="collum-1">69</td>
                <td class="collum-2">21.3</td>
            <tr>
            <tr>
                <td>Киев</td>
                <td class="collum-1">5</td>
                <td class="collum-2">8</td>
            <tr>
            <tr class="row-1">
                <td colspan="2">Посещений за весь период</td>
                <td class="collum-2">273</td>
            <tr>
        </table>

    </body>
</html>

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

table {
    border-collapse: collapse;
    padding: 10px;
}

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

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

.head-1 {
    text-align: left;
    background-color: darkcyan;
}

.head-2 {
    text-align: center;
    background-color: lightblue;
}

.head-3 {
    text-align: right;
    background-color: darkcyan;
}

.collum-1 {
    text-align: center;
}

.collum-2 {
    text-align: right;
}

.row-1 {
    background-color: lightyellow;
}
2

Строки таблицы надо закрывать.

3

Спасибо. Есть еще один вопрос. Почему пропадает нижняя строчка, если поставить border-bottom: 1px solid lightgray в td.

Вот пример в CSS:
td {
border-bottom: 1px solid lightgray;
width: 33%;
padding: 10px;
}

А если оставить значение border-bottom: 2px solid lightgray; ТО линии слишком длинные.

4

При условии, что вы закрыли все строки таблицы, линии не должны быть длиннее.

5

Спасибо, теперь 100%