Испытание: итоговая таблица 23/23 ? что забыл подскажите пожалуйста)

<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: итоговая таблица</title>
    </head>
    <body>
        <h1>Итоговая таблица</h1>
       <table>
           <tr>
               <th class="row-3"; style="text-align:left;"> Город </th>
               <th  class="row-4" style="text-align:center;"> Посещений </th>
               <th class="row-3" style="text-align:right;"> %  </th>
           </tr>
           <tr>
               <td > СПб </td>
               <td style="text-align:center;"> 199 </td>
               <td style="text-align:right;"> 65.12 </td>
            </tr>
            <tr class="row-1">
                <td >  Москва </td>
                <td style="text-align:center;"> 69 </td>
                <td style="text-align:right;"> 21.3 </td>
            </tr>    
            <tr>
                <td > Киев </td>
                <td style="text-align:center;">5 </td>
                <td style="text-align:right;"> 8</td>
            </tr>
            <tr  class="row-2">
                <td colspan=2 > Посещений за весь период </td>
                <td style="text-align:right;"> 273 </td>
            </tr>
    </body>
</html>

CSS

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


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

.row-3 {
    background-color: darkcyan;
     color:white;
}
.row-4 {
    background-color: lightblue;
     border-bottom: 1px solid lightgray;
     color:white;
}


.row-5 {
    background-color: white;
}  

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

td {
     padding:10px;
     width:100px;
     border-bottom:1px solid lightgray;
     color:2px black
    }   

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

Выделенные стили будут лишними:
table {
border-collapse: collapse;
width: 350 px;
height: 100 px;
}
td {
padding:10px;
width:100px;
border-bottom:1px solid lightgray;
color:2px black
}
.row-4 {
background-color: lightblue;
border-bottom: 1px solid lightgray;
color:white;
}
В HTML-коде вы не закрыли тег table.
Также хотелось бы обратить ваше внимание на то, что после значения каждого свойства ставится точка с запятой. Это обязательно. Единица измерения пишется слитно с числом:
10px, 15em, 25deg и т. д.
Изучите еще вот это: https://htmlacademy.github.io/codeguide/

1 лайк