Merge pull request #35 from matryosshka/improv

Поправлены стили для иконки с octocat

index.html

@@ -76,9 +76,12 @@ <h1 class="title title--projects">Портфолио</h1>
                   <a href="https://matryosshka.github.io/surfboard/src/" target="_blank">
                     <h3 class="portfolio__header">Surfboard</h3>
                   </a>
-                  <a href="https://github.com/matryosshka/surfboard" target="_blank">
-                    <img src="./img/icons/git.png" class="portfolio__content-header-img" alt="octocat">
-                  </a>
+
+                  <div class="portfolio__header-cover">
+                    <a href="https://github.com/matryosshka/surfboard" target="_blank">
+                      <img src="./img/icons/git.png" class="portfolio__header-img" alt="octocat">
+                    </a>
+                  </div>
                 </div>
 
                 <div class="portfolio__stack">
@@ -160,9 +163,11 @@ <h3 class="portfolio__header">Surfboard</h3>
                   <a href="https://matryosshka.github.io/air-asia/" target="_blank">
                     <h3 class="portfolio__header">AirAsia</h3>
                   </a>
-                  <a href="https://github.com/matryosshka/air-asia" target="_blank">
-                    <img src="./img/icons/git.png" class="portfolio__content-header-img" alt="octocat">
-                  </a>
+                  <div class="portfolio__header-cover">
+                    <a href="https://github.com/matryosshka/air-asia" target="_blank">
+                      <img src="./img/icons/git.png" class="portfolio__header-img" alt="octocat">
+                    </a>
+                  </div>
                 </div>
                 <div class="portfolio__stack">
                   <svg class="portfolio__stack-icon">
@@ -204,9 +209,12 @@ <h3 class="portfolio__header">AirAsia</h3>
                   <a href="https://matryosshka.github.io/video-production/" target="_blank">
                     <h3 class="portfolio__header">Video Production</h3>
                   </a>
-                  <a href="https://github.com/matryosshka/video-production" target="_blank">
-                    <img src="./img/icons/git.png" class="portfolio__content-header-img" alt="octocat">
-                  </a>
+
+                  <div class="portfolio__header-cover">
+                    <a href="https://github.com/matryosshka/video-production" target="_blank">
+                      <img src="./img/icons/git.png" class="portfolio__header-img" alt="octocat">
+                    </a>
+                  </div>
                 </div>
                 <div class="portfolio__stack">
                   <svg class="portfolio__stack-icon">
@@ -247,9 +255,12 @@ <h3 class="portfolio__header">Video Production</h3>
                   <a href="https://matryosshka.github.io/geo-review/dist/index.html" target="_blank">
                     <h3 class="portfolio__header">Yandex.Maps API</h3>
                   </a>
-                  <a href="https://github.com/matryosshka/geo-review" target="_blank">
-                    <img src="./img/icons/git.png" class="portfolio__content-header-img" alt="octocat">
-                  </a>
+
+                  <div class="portfolio__header-cover">
+                    <a href="https://github.com/matryosshka/geo-review" target="_blank">
+                      <img src="./img/icons/git.png" class="portfolio__header-img" alt="octocat">
+                    </a>
+                  </div>
                 </div>
                 <div class="portfolio__stack">
                   <svg class="portfolio__stack-icon">

styles/blocks/_portfolio.scss

@@ -100,8 +100,10 @@
     }
 
     &--other {
+      @include phones {
       white-space: normal;
     }
+  }
 }
 
 .portfolio__header-cover {