From 719906d227aa14c15d1f7c3dc19e8c308543cc3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Pluta?= <the.orleander@gmail.com>
Date: Mon, 16 Apr 2018 12:00:17 +0200
Subject: [PATCH] Enable RWD for social buttons

---
 src/index.html        |  6 +++---
 src/scss/_social.scss | 13 +++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index 8c13df6..6fb4f58 100644
--- a/src/index.html
+++ b/src/index.html
@@ -243,21 +243,21 @@
     <div class="social container">
         <div class="row justify-content-center">
             <div class="social__content col-10">
-                <div>
+                <div class="social__github">
                     <button class="rect-button rect-button--github rect-button--fixed-width">
                         <span class="rect-button__icon fab fa-github"></span>
                         GitHub
                     </button>
                     <p class="social__stats">7 352 Followers</p>
                 </div>
-                <div>
+                <div class="social__twitter">
                     <button class="rect-button rect-button--twitter rect-button--fixed-width">
                         <span class="rect-button__icon fab fa-twitter"></span>
                         Twitter
                     </button>
                     <p class="social__stats">136 312 Followers</p>
                 </div>
-                <div>
+                <div class="social__facebook">
                     <button class="rect-button rect-button--facebook rect-button--fixed-width">
                         <span class="rect-button__icon fab fa-facebook-f"></span>
                         Facebook
diff --git a/src/scss/_social.scss b/src/scss/_social.scss
index b27c1d9..9a9cfea 100644
--- a/src/scss/_social.scss
+++ b/src/scss/_social.scss
@@ -4,6 +4,10 @@
   padding-bottom: 80px;
   display: flex;
   justify-content: space-between;
+
+  @media all and (max-width: $tablet) {
+    flex-direction: column;
+  }
 }
 
 .social__stats {
@@ -13,4 +17,13 @@
   font-size: 14px;
   color: $regular-text;
   text-align: center;
+}
+
+.social__github,
+.social__twitter,
+.social__facebook {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
\ No newline at end of file