fix(advanced-1.1): correct h3 to h2 according to title hierarchy

LesiaUKR · Jan 8, 2024 · 1f8c8d3 · 1f8c8d3
1 parent 538f6a1
commit 1f8c8d3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -26,7 +26,7 @@ <h1 class="visually-hidden">Todo list App</h1>
     </header>
     <main class="main_wrapper">
       <section class="task_section add_section">
-        <h3 class="task_section-title add_section-title">Add Item</h3>
+        <h2 class="task_section-title add_section-title">Add Item</h2>
         <div class="task_section-wrapper">
           <input
             class="task_section-input input_new-task"
@@ -37,7 +37,7 @@ <h3 class="task_section-title add_section-title">Add Item</h3>
         </div>
       </section>
       <section class="task_section">
-        <h3 class="task_section-title">Todo</h3>
+        <h2 class="task_section-title">Todo</h2>
         <ul class="task_list" id="incompleted-tasks">
           <li class="task_item">
             <input class="task_item-checkbox" type="checkBox" />
@@ -60,7 +60,7 @@ <h3 class="task_section-title">Todo</h3>
         </ul>
       </section>
       <section class="task_section">
-        <h3 class="task_section-title">Completed</h3>
+        <h2 class="task_section-title">Completed</h2>
         <ul class="task_list" id="completed-tasks">
           <li class="task_item">
             <input type="checkbox" checked />

diff --git a/style.css b/style.css
@@ -19,6 +19,10 @@ button {
   outline: none;
 }
 
+.visually-hidden {
+  display: none;
+}
+
 .header {
   width: 500px;
   margin: 0 auto;
@@ -40,10 +44,6 @@ button {
   }
 }
 
-.visually-hidden {
-  display: none;
-}
-
 .main_wrapper {
   display: block;
   width: 500px;