Обновляет лого для JS (htmlacademy#53)

* Обновляет лого для JS

* Удаляет лишние атрибуты

* Делает три логотипа: HTML, CSS, JS

* Сопоставит размеры JS-лого с остальными

Author: nikolai-shabalin

css/style.css

@@ -136,6 +136,10 @@ header a:visited {
   height: 300px;
 }
 
+.logo-list-js {
+  margin: 11px 23px 0;
+}
+
 @media (min-width: 38em) {
   header {
     padding-bottom: 4rem;
@@ -145,14 +149,13 @@ header a:visited {
 /* Logo list */
 
 .logo-list {
-  max-width: 550px;
   margin: 50px auto;
 }
 
 .logo-list ul {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-around;
+  justify-content: center;
   margin: 0;
   padding: 0;
   list-style: none;

img/icon-css.svg

@@ -41,12 +41,16 @@ <h2 class="visually-hidden">Разделы стиля кода</h2>
         <ul>
           <li>
             <a href="html-css.html">
-              <img src="img/logo-html.svg" alt="Логотип HTML">
+              <img src="img/icon-html.svg" width="200" height="200" alt="Логотип HTML">
+            </a>
+          </li><li>
+            <a href="html-css.html#css">
+              <img src="img/icon-css.svg" width="200" height="200" alt="Логотип CSS">
             </a>
           </li>
           <li>
             <a href="javascript.html">
-              <img src="img/logo-js.svg" alt="Логотип JavaScript">
+              <img class="logo-list-js" src="img/logo-js.svg" width="160" height="160" alt="Логотип JavaScript">
             </a>
           </li>
         </ul>