Исправление ошибок после первого КодРевью

VitalyChy · Feb 15, 2024 · 1c7a341 · 1c7a341
1 parent 4df1ea2
commit 1c7a341
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 176 deletions.
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
     <link rel="icon" href="./images/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="./images/favicon.png">
   </head>
-  <body class="page theme_dark">
+  <body class="page">
     <header class="header decorated-zone">
       <div class="header__record_element" aria-hidden="true">REC</div>
       <nav class="header__theme-menu">
@@ -47,17 +47,17 @@
       </nav>
       <h1 class="header__title">no focus</h1>
       <p class="header__paragraph title-decor">
-        Что делать, когда не можешь делать ничего <br/>Или почему нам так
+        Что делать, когда не можешь делать ничего <br>Или почему нам так
         сложно сконцентрироваться, особенно когда очень надо
       </p>
     </header>
     <main class="content">
       <section class="content_section section-one">
         <h2 class="content__title section__title-one">
-          Почему сосредоточиться так <br/>сложно
+          Почему сосредоточиться так <br>сложно
         </h2>
-        <div class="text_card text_card-column">
-          <h3 class="subtitle title-decor titles">Многозадачность</h3>
+        <article class="text_card text_card-column">
+          <h3 class="subtitle title-decor">Многозадачность</h3>
           <p class="section__text">
             Особенно сложно сосредоточиться, когда задач много и все они —
             важные. Где же легендарная многозадачность, когда она так нужна вам
@@ -74,8 +74,8 @@ <h3 class="subtitle title-decor titles">Многозадачность</h3>
             стресса». Из-за этого мы работаем невнимательно: ошибаемся и быстро
             устаём.
           </p>
-        </div>
-        <div class="text_card text_card-column">
+        </article>
+        <article class="text_card text_card-column">
           <h3 class="subtitle title-decor">Дофамин</h3>
           <p class="section__text">
             С гормонами стресса всё понятно, но дальше — ещё интереснее. В нашей
@@ -87,13 +87,13 @@ <h3 class="subtitle title-decor">Дофамин</h3>
             удовольствие. Получается замкнутый круг: чем больше отвлекаешься,
             тем больше удовольствия получаешь.
           </p>
-        </div>
+        </article>
       </section>
       <section class="content_section section-two">
         <h2 class="content__title section__title-two">
           Что снижает концентрацию внимания?
         </h2>
-        <div class="text_card text_card-column-two">
+        <article class="text_card text_card-column-two">
           <h3 class="subtitle title-decor">Многозадачность</h3>
           <p class="section__text">
             Как концентрация может снижаться из-за… концентрации? Любая
@@ -103,8 +103,8 @@ <h3 class="subtitle title-decor">Многозадачность</h3>
             — невозможно. Концентрация — мышца, и она может не выдержать, если
             не давать ей отдохнуть.
           </p>
-        </div>
-        <div class="text_card text_card-column-two">
+        </article>
+        <article class="text_card text_card-column-two">
           <h3 class="subtitle title-decor">Еда</h3>
           <p class="section__text">
             «Быстрые углеводы» — сахар, белый хлеб, сладости — молниеносно
@@ -114,8 +114,8 @@ <h3 class="subtitle title-decor">Еда</h3>
             заканчивается, мы чувствуем усталость и сонливость. И хотим ещё
             больше быстрых углеводов.
           </p>
-        </div>
-        <div class="text_card text_card-column-two">
+        </article>
+        <article class="text_card text_card-column-two">
           <h3 class="subtitle title-decor">Гаджеты</h3>
           <p class="section__text">
             Да-да, это та самая ситуация, когда на экране ноутбука — код, в
@@ -126,14 +126,14 @@ <h3 class="subtitle title-decor">Гаджеты</h3>
             что чем больше времени мы проводим в гаджетах, тем больше времени
             затем нужно, чтобы вернуться к работе.
           </p>
-        </div>
+        </article>
       </section>
       <section class="content_section section-three">
         <h2 class="content__title section__title-three">
           Как концентрироваться лучше, чем золотая рыбка (то есть дольше трёх
           секунд)
         </h2>
-        <div class="text_card text_card-column">
+        <article class="text_card text_card-column-recommendation">
           <h3 class="subtitle title-decor">
             5 простых (на самом деле не очень) советов
           </h3>
@@ -183,45 +183,43 @@ <h4 class="subtitle_recommendation">Читайте</h4>
             секунд. А вот интересная книга способна затянуть и на несколько
             часов и круто тренирует направленное внимание.
           </p>
-        </div>
+        </article>
       </section>
       <section class="content_section section-four">
-        <div class="image_card">
-          <h3 class="subtitle subtitle_images title-decor section__title-four">
-            А можно в картинках?
-          </h3>
-          <picture class="content__picture">
-            <img
-              loading="lazy"
-              class="content__picture-image sunset"
-              src="./images/sunset.png"
-              alt="Закат в горах"
-            >
-            <img
-              loading="lazy"
-              class="content__picture-image ice-cream"
-              src="./images/ice-cream.png"
-              alt="Миска с вкусняшками"
-            >
-            <img
-              loading="lazy"
-              class="content__picture-image tape"
-              src="./images/tape.png"
-              alt="Касета с музыкой"
-            >
-            <img
-              loading="lazy"
-              class="content__picture-image books"
-              src="./images/books.png"
-              alt="Кружка на стопке книг"
-            >
-            <img
-              loading="lazy"
-              class="content__picture-image street"
-              src="./images/street.png"
-              alt="Улица в стиле Эдо"
-            >
-          </picture>
+        <h2 class="subtitle subtitle_images title-decor section__title-four">
+          А можно в картинках?
+        </h2>
+        <div class="content__picture">
+          <img
+            loading="lazy"
+            class="content__picture-image sunset"
+            src="./images/sunset.png"
+            alt="Закат в горах"
+          >
+          <img
+            loading="lazy"
+            class="content__picture-image ice-cream"
+            src="./images/ice-cream.png"
+            alt="Миска с вкусняшками"
+          >
+          <img
+            loading="lazy"
+            class="content__picture-image tape"
+            src="./images/tape.png"
+            alt="Касета с музыкой"
+          >
+          <img
+            loading="lazy"
+            class="content__picture-image books"
+            src="./images/books.png"
+            alt="Кружка на стопке книг"
+          >
+          <img
+            loading="lazy"
+            class="content__picture-image street"
+            src="./images/street.png"
+            alt="Улица в стиле Эдо"
+          >
         </div>
       </section>
     </main>

diff --git a/styles/dark.css b/styles/dark.css
@@ -9,8 +9,7 @@
     чем стили в медиазапросе предпочтений пользователя
   */
 
-.page.theme_dark {
-  --accent-font: 'IBM Plex mono';
+.page.theme_dark {  
   --bg-color: #000028; /* Цвет фона Dark*/  
   --nav-color: #FF0070; /* Цвет навигации кнопок */
   --rec-color: #FF0070; /* Цвет эл. REC */
@@ -33,8 +32,7 @@
     --bg-image: url(../images/cover-image-dark.png); 
   }
 
-  :root {
-    --accent-font: 'IBM Plex mono';
+  :root {    
     --bg-color: #000028; /* Цвет фона Dark*/  
     --nav-color: #FF0070; /* Цвет навигации кнопок */
     --rec-color: #FF0070; /* Цвет эл. REC */

diff --git a/styles/globals.css b/styles/globals.css
@@ -9,8 +9,7 @@
 body {
   min-inline-size: 375px;
   max-inline-size: 1440px;
-  margin: 0 auto;
-  overflow-x: hidden; /* Убрал гориз. скролл */
+  margin: 0 auto;  
 }
 
 h1,

diff --git a/styles/light.css b/styles/light.css
@@ -9,8 +9,7 @@
     чем стили в медиазапросе предпочтений пользователя
   */
 
-.page.theme_light {
-  --accent-font: 'IBM Plex mono';
+.page.theme_light {  
   --bg-color: #FFC2E6; /* Цвет фона Light*/  
   --nav-color: #353430; /* Цвет навигации кнопок */
   --title-color: #FFC2E6; /* Цвет Заголовка */
@@ -33,8 +32,7 @@
     --bg-image: url(../images/cover-image-light.png); 
   }
 
-  :root {
-    --accent-font: 'IBM Plex mono';
+  :root {    
     --bg-color: #FFC2E6; /* Цвет фона Light*/  
     --nav-color: #353430; /* Цвет навигации кнопок */
     --title-color: #FFC2E6; /* Цвет Заголовка */