version 1.3

mate-academy · Dec 24, 2024 · 58d2152 · 58d2152
1 parent 8fb1b72
commit 58d2152
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,13 +17,12 @@
   "keywords": [],
   "author": "Mate Academy",
   "license": "GPL-3.0",
-  "dependencies": {},
   "devDependencies": {
     "@linthtml/linthtml": "^0.9.6",
     "@mate-academy/backstop-config": "latest",
     "@mate-academy/bemlint": "latest",
     "@mate-academy/linthtml-config": "latest",
-    "@mate-academy/scripts": "^1.8.6",
+    "@mate-academy/scripts": "^1.9.12",
     "@mate-academy/stylelint-config": "latest",
     "backstopjs": "6.3.23",
     "jest": "^29.7.0",

diff --git a/src/index.html b/src/index.html
@@ -1,10 +1,19 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;0,700;0,900;1,500;1,700;1,900&display=swap" rel="stylesheet">
+    <link
+      rel="preconnect"
+      href="https://fonts.googleapis.com"
+    />
+    <link
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;0,700;0,900;1,500;1,700;1,900&display=swap"
+      rel="stylesheet"
+    />
     <meta
       name="viewport"
       content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
@@ -22,14 +31,21 @@
   <body>
     <header class="header">
       <a href="index.html">
-        <img class="logo"
-        alt="Moyo Header"
-        src="logo.png">
+        <img
+          class="logo"
+          alt="Moyo Header"
+          src="images/logo.png"
+        />
       </a>
       <nav class="nav">
         <ul>
           <li class="link">
-            <a class="apple is-active" href="#">apple</a>
+            <a
+              class="apple is-active"
+              href="#"
+            >
+              apple
+            </a>
             <div class="line"></div>
           </li>
 
@@ -42,8 +58,11 @@
           </li>
 
           <li class="link">
-            <a class="highlight" data-qa="hover"
-              href="#">
+            <a
+              class="highlight"
+              data-qa="hover"
+              href="#"
+            >
               laptops & computers
             </a>
           </li>
@@ -60,10 +79,11 @@
             <a href="https://photos.google.com/?pli=1">photo</a>
           </li>
 
-          <li class="link"><a href="https://www.youtube.com/user/youtube/videos">video</a></li>
+          <li class="link">
+            <a href="https://www.youtube.com/user/youtube/videos">video</a>
+          </li>
         </ul>
       </nav>
     </header>
   </body>
 </html>
-
diff --git a/src/style.css b/src/style.css
@@ -4,7 +4,7 @@ body {
 
 html {
   font-family: Roboto, sans-serif;
-  
+
   --active-color: #00ACDC;
 }
 
@@ -43,7 +43,7 @@ a.is-active {
   text-transform: uppercase;
   color:black;
   display: inline-block;
-  padding-left: 20px;
+  padding: 0;
 }
 
 .link:hover {