diff --git a/src/index.html b/src/index.html
index bbdc93d697..35d0fc386a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -32,7 +32,7 @@
     <h1>Moyo header</h1>
     <header class="header">
       <a
-        href="#"
+        href="http://mateacademy.com"
         class="logo-link"
       >
         <img
@@ -44,39 +44,32 @@ <h1>Moyo header</h1>
       <nav class="nav">
         <ul class="list">
           <li class="list-item">
-            <a
-              href="#"
-              class="is-active"
-            >
+            <a class="item-link is-active">
               Apple
             </a>
           </li>
           <li class="list-item">
-            <a href="#">Samsung</a>
+            <a class="item-link">Samsung</a>
           </li>
           <li class="list-item">
-            <a href="#">Smartphones</a>
+            <a class="item-link">Smartphones</a>
           </li>
           <li class="list-item">
-            <a
-              href="#"
-              class="is-active"
-              data-qa="hover"
-            >
+            <a class="item-link" data-qa="hover">
               Laptops & Computers
             </a>
           </li>
           <li class="list-item">
-            <a href="#">Gadgets</a>
+            <a class="item-link">Gadgets</a>
           </li>
           <li class="list-item">
-            <a href="#">Tablets</a>
+            <a class="item-link">Tablets</a>
           </li>
           <li class="list-item">
-            <a href="#">Photo</a>
+            <a class="item-link">Photo</a>
           </li>
           <li class="list-item">
-            <a href="#">Video</a>
+            <a class="item-link">Video</a>
           </li>
         </ul>
       </nav>
diff --git a/src/style.css b/src/style.css
index 656beecce1..b71aafbf6c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -14,7 +14,6 @@ body {
 }
 
 .nav {
-  position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -22,6 +21,7 @@ body {
 }
 
 .list {
+  position: relative;
   display: flex;
   padding: 0;
   margin: 0;
@@ -77,7 +77,7 @@ body {
 .logo {
   width: 40px;
   height: 40px;
-  display: flex;
+  display: block;
   margin-right: 50px;
 }