Upd menu list

src/scss/menu-list/menu-list-main.scss

@@ -16,7 +16,6 @@
 
 .menu-list__item{
   position: relative;
-  padding: 0 10px;
   &:after{
     content: "";
     display: inline-block;
@@ -37,6 +36,14 @@
 }
 
 .menu-list__link{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   text-decoration: none;
   color: $white-text;
+  padding: 10px 20px 20px;
+  transition: .2s;
+  &:hover{
+    background: $red-color;
+  }
 }
\ No newline at end of file

src/template/menu-list-main/index.html

@@ -3,37 +3,37 @@
         <ul class="menu-list__list">
             <li class="menu-list__item">
                 <a href="#" class="menu-list__link">
-                    <img src="" alt="" class="menu-list__ico">
+                    <img src="img/icon-test.png" alt="" class="menu-list__ico">
                     <p class="menu-list__tit">Колесные мини-погрузчики</p>
                 </a>
             </li>
             <li class="menu-list__item">
                 <a href="#" class="menu-list__link">
-                    <img src="" alt="" class="menu-list__ico">
+                    <img src="img/icon-test.png" alt="" class="menu-list__ico">
                     <p class="menu-list__tit">Колесные мини-погрузчики</p>
                 </a>
             </li>
             <li class="menu-list__item">
                 <a href="#" class="menu-list__link">
-                    <img src="" alt="" class="menu-list__ico">
+                    <img src="img/icon-test.png" alt="" class="menu-list__ico">
                     <p class="menu-list__tit">Колесные мини-погрузчики</p>
                 </a>
             </li>
             <li class="menu-list__item">
                 <a href="#" class="menu-list__link">
-                    <img src="" alt="" class="menu-list__ico">
+                    <img src="img/icon-test.png" alt="" class="menu-list__ico">
                     <p class="menu-list__tit">Колесные мини-погрузчики</p>
                 </a>
             </li>
             <li class="menu-list__item">
                 <a href="#" class="menu-list__link">
-                    <img src="" alt="" class="menu-list__ico">
+                    <img src="img/icon-test.png" alt="" class="menu-list__ico">
                     <p class="menu-list__tit">Колесные мини-погрузчики</p>
                 </a>
             </li>
             <li class="menu-list__item">
                 <a href="#" class="menu-list__link">
-                    <img src="" alt="" class="menu-list__ico">
+                    <img src="img/icon-test.png" alt="" class="menu-list__ico">
                     <p class="menu-list__tit">Колесные мини-погрузчики</p>
                 </a>
             </li>