add solution

mate-academy · Dec 10, 2024 · fac84f8 · fac84f8
1 parent 5fee25a
commit fac84f8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 17 deletions.
diff --git 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
@@ -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;