From 5a0c860c75c5e17439b2bc363fb743e442baea5f Mon Sep 17 00:00:00 2001
From: "Bartlomiej Pluta (PGS Software)" <bpluta@pgs-soft.com>
Date: Thu, 19 Apr 2018 11:43:26 +0200
Subject: [PATCH] Enable RWD for footer

---
 src/index.html        | 8 ++++----
 src/scss/_footer.scss | 9 +++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/index.html b/src/index.html
index c8e5ba5..f830ff4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -510,7 +510,7 @@
     <div class="footer">
         <div class="container">
             <div class="row">
-                <div class="footer__about col-4">
+                <div class="footer__about col-12 col-md-4">
                     <div class="brand">
                         <img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
                         <span class="brand__name">Fork</span>
@@ -520,7 +520,7 @@
                         Lorem ipsum dolor sit amet, feugiat delicat liberavisse id cum no quo
                     </p>
                 </div>
-                <div class="footer__nav col-2">
+                <div class="footer__nav col-12 col-md-2">
                     <p class="footer__nav__title">Navigation</p>
                     <ul class="footer__nav__navbar">
                         <li><a href="#">Home</a></li>
@@ -530,13 +530,13 @@
                         <li><a href="#">Support</a></li>
                     </ul>
                 </div>
-                <div class="footer__contact col-3">
+                <div class="footer__contact col-12 col-md-3">
                     <p class="footer__contact__phone">347 567 78 90</p>
                     <p class="footer__contact__availability">Available from 12PM - 18PM</p>
                     <p class="footer__contact__city">New York, NY</p>
                     <p class="footer__contact__address">560 Judah St & 15th Ave, Apt 5<br/>San Francisco, CA, 230903</p>
                 </div>
-                <div class="footer__info col-3">
+                <div class="footer__info col-12 col-md-3">
                     <p class="footer__info__title">Info</p>
                     <p class="footer__info__description">
                         Wisia enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss
index 4a8c777..ae7a4fa 100644
--- a/src/scss/_footer.scss
+++ b/src/scss/_footer.scss
@@ -88,4 +88,13 @@
       color: $regular-text;
     }
   }
+
+  @media all and (max-width: $phone) {
+    &__about,
+    &__nav,
+    &__contact,
+    &__info {
+      padding: 0 30px;
+    }
+  }
 }
\ No newline at end of file