From fac84f81b7a70ebc9da7e89bc7447c562ba89350 Mon Sep 17 00:00:00 2001
From: Mykhailo Knysh <knih19@gmail.com>
Date: Tue, 10 Dec 2024 17:20:42 +0100
Subject: [PATCH] add solution

---
 src/index.html        |  2 +-
 src/styles/index.scss | 20 ++++----------------
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/index.html b/src/index.html
index 1da9429162..8dd255da96 100644
--- a/src/index.html
+++ b/src/index.html
@@ -29,7 +29,7 @@
         alt="Moyo Logo"
       />
       <nav class="nav">
-        <ul class="nav__link-list">
+        <ul class="nav__list">
           <li class="nav__item">
             <a
               class="nav__link is-active"
diff --git a/src/styles/index.scss b/src/styles/index.scss
index b84429109b..f3662af754 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -3,11 +3,6 @@ $font-color: #060b35;
 $light-grey: #616070;
 $font-family: 'Roboto', sans-serif;
 
-:root {
-  --blue-color: #00acdc;
-  --black-color: #060b35;
-}
-
 html {
   margin: 0;
   min-width: 1024px;
@@ -42,7 +37,7 @@ body {
   margin: 0;
 }
 
-.nav__link-list {
+.nav__list {
   display: flex;
   gap: 20px;
   list-style-type: none;
@@ -93,22 +88,16 @@ body {
   gap: 46px 48px;
   justify-content: center;
   padding: 50px 40px;
-}
 
-@media (min-width: 488px) {
-  .container {
+  @media (min-width: 488px) {
     grid-template-columns: repeat(2, 200px);
   }
-}
 
-@media (min-width: 768px) {
-  .container {
+  @media (min-width: 768px) {
     grid-template-columns: repeat(3, 200px);
   }
-}
 
-@media (min-width: 1024px) {
-  .container {
+  @media (min-width: 1024px) {
     grid-template-columns: repeat(4, 200px);
   }
 }
@@ -152,7 +141,6 @@ p {
 
 .card__code {
   font-size: 10px;
-  font-weight: 400;
   line-height: 14px;
   color: $light-grey;
   margin-bottom: 16px;