Итоговая таблица [23/23] Ребят, помогите найти ошибку, проверка не пропускает(

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

Добавил уже много лишнего, но все равно проверка не пропускает.

<body>
    <h1>Итоговая таблица</h1>
<table>    
    <tr>
        <th class="gorod">Город</th>       
        <th class="pos">Посещений</th>       
        <th class="procent">%</th>
    </tr>
    <tr>
        <td style="text-align: left">СПб</td>         
        <td style="text-align: center">199</td>             
        <td style="text-align: right">65.12</td>        
    </tr>
    <tr class="lightyellow">
        <td style="text-align: left">Москва</td>      
        <td style="text-align: center">69</td>              
        <td style="text-align: right">21.3</td>
    </tr>
    <tr>
        <td style="text-align: left">Киев</td>        
        <td style="text-align: center">5</td>               
        <td style="text-align: right">8</td>
    </tr>
    <tr class="lightyellow">
        <td colspan="2" style="text-align: left">Посещений за весь период</td>
        <td style="text-align: right">273</td>
    </tr>
</table>
</body>

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

table{
border-top: 2px solid black;
border-collapse: collapse;

}

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

}

th{
padding: 10px;
border-bottom: 2px solid black;
width: 33%;
}

.gorod{

text-align: left;
background-color: darkcyan;
color: white;

}

.pos{

background-color: lightblue;
color: white;

}

.procent{

text-align: right;
background-color: darkcyan;
color: white;

}

.lightyellow{
background-color: lightyellow;
}

html
html.png633×808 38.2 KB

2

border 1px.

3

Спасибо! :handshake: Проверку прошел!!

4

Потребовалось пройти параграф Знакомство с таблицами два раза. Как и предупреждали параграф сложный. Вот возникла проблема не могу понять в чем, помимо черной линии под зеленой плашкой, которую как вставить пока не могу сообразить. Не совпадает.
Помогите плиззз

%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B_1
Таблицы_1.jpg1488×939 435 KB

5

Код текстом вставьте, пожалуйста.
Используйте кнопку </>.
Перед кодом должна быть пустая строка.
От левого края до кода должно быть не менее 4 пробелов.

8 
 <body>
    <h1>Итоговая таблица</h1>
    <table>
    <tr class="row-1">
    <td class="collum-2">Город</td>      
    <td class="row-3">Посещений</td>       
    <td class="collum-1">%</td>
    </tr>
    <tr>
    <td class="collum-2">СПб</td>         
    <td>199 </td>            
    <td class="collum-1">65.12</td>
    </tr>
    <tr class="row-2">
    <td class="collum-2">Москва</td>     
    <td>69</td>              
    <td class="collum-1">21.3</td>
    </tr>
    <tr>
    <td class="collum-2">Киев </td>      
    <td>5  </td>             
    <td class="collum-1">8</td>
    </tr>
    <tr class="row-2">
    <td colspan="2" class="collum-2">Посещений за весь период </td>   
    <td class="collum-1">273</td>
    </tr>
    </table>
  </body>
9

Ячейки первой строки должны быть th.

CSS тоже вставьте.

10

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
.row-1 {
background-color:darkcyan;
color:white;
}
.row-2 {
background-color:lightyellow;

}
.row-3 {
background-color:lightblue;

}
table{

border-collapse:collapse;
border-top: 2px solid black;
border-bottom:1px solid lightgray;
width:350px;
height:190px;

}
td{
padding:5px;
border-top: 1px solid lightgray;
width:33%;
text-align:center;
}

.collum-1{
text-align:right ;

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

}

11

Высоту таблицы прописывать не надо. По скрину видно, что верхняя черная рамка толще чем в образце.