Обновление стилей и добавление комментариев в CSS и HTML

Работы/web/lab1/css/style.css

@@ -4,6 +4,7 @@
 
 body {
     margin: 0;
+    /* отключить стандартные отступы браузера */
     font-family: Arial, sans-serif;
     line-height: 1.5;
     color: #1f2933;
@@ -13,7 +14,9 @@ body {
 .container {
     max-width: 900px;
     margin: 0 auto;
+    /* внешний отступ */
     padding: 0 16px;
+    /* внутренний отступ */
 }
 
 header {
@@ -42,11 +45,14 @@ h2 {
 
 .nav-list {
     list-style: none;
+    /* убрать маркеры */
     padding: 0;
     margin: 0;
     display: flex;
+    /* флексбокс для горизонтального расположения */
     flex-wrap: wrap;
     gap: 8px;
+    /* расстояние между элементами */
 }
 
 .nav-list a,
@@ -71,6 +77,7 @@ a.inline-link:hover {
 table {
     width: 100%;
     border-collapse: collapse;
+    /* объединение границ таблицы */
     margin-top: 8px;
 }
 
@@ -102,5 +109,6 @@ footer {
 @media (max-width: 640px) {
     .nav-list {
         flex-direction: column;
+        /* вертикальное расположение */
     }
 }

Работы/web/lab1/index.html

@@ -20,7 +20,9 @@
         <section>
             <h2>Навигация</h2>
             <nav aria-label="Навигация по страницам">
+                <!-- метка для скринридеров -->
                 <ul class="nav-list">
+                    <!-- маркированный список -->
                     <li><a href="index.html">Главная</a></li>
                     <li><a href="pages/page1.html">История</a></li>
                     <li><a href="pages/page2.html">Климат</a></li>
@@ -41,6 +43,7 @@
             <h2>Основные сведения</h2>
             <table>
                 <thead>
+                    <!-- заголовок таблицы -->
                     <tr>
                         <th>Параметр</th>
                         <th>Значение</th>