add task solution

mate-academy · Nov 30, 2023 · f4f90fe · f4f90fe
1 parent e40cb39
commit f4f90fe
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/src/index.html b/src/index.html
@@ -21,20 +21,34 @@
       </a>
       <nav class="nav">
         <ul class="nav__list">
-          <li class="nav__item"><a class="nav__link is-active" href="#">APPLE</a></li>
-          <li class="nav__item"><a class="nav__link" href="#">SAMSUNG</a></li>
-          <li class="nav__item"><a class="nav__link" href="#">SMARTPHONES</a></li>
+          <li class="nav__item">
+            <a class="nav__link is-active" href="#">APPLE</a>
+          </li>
+          <li class="nav__item">
+            <a class="nav__link" href="#">SAMSUNG</a>
+          </li>
+          <li class="nav__item">
+            <a class="nav__link" href="#">SMARTPHONES</a>
+          </li>
           <li class="nav__item">
             <a
               class="nav__link link"
               href="#"
               data-qa="hover">LAPTOPS & COMPUTERS
             </a>
           </li>
-          <li class="nav__item"><a class="nav__link" href="#">GADGETS</a></li>
-          <li class="nav__item"><a class="nav__link" href="#">TABLETS</a></li>
-          <li class="nav__item"><a class="nav__link" href="#">PHOTO</a></li>
-          <li class="nav__item"><a class="nav__link" href="#">VIDEO</a></li>
+          <li class="nav__item">
+            <a class="nav__link" href="#">GADGETS</a>
+          </li>
+          <li class="nav__item">
+            <a class="nav__link" href="#">TABLETS</a>
+          </li>
+          <li class="nav__item">
+            <a class="nav__link" href="#">PHOTO</a>
+          </li>
+          <li class="nav__item">
+            <a class="nav__link" href="#">VIDEO</a>
+          </li>
         </ul>
       </nav>
     </header>

diff --git a/src/style.css b/src/style.css
@@ -46,6 +46,7 @@ body {
   align-items: center;
   color: #000;
   display: flex;
+
 }
 
 .nav__link:hover {
@@ -72,5 +73,4 @@ body {
 
 .link {
   height: 60px;
-  align-items: center;
 }