From 39532aacf7f629479e488c454a699dd6ea2444a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Pluta?= <the.orleander@gmail.com>
Date: Mon, 16 Apr 2018 14:44:05 +0200
Subject: [PATCH] Enable RWD in news section

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

diff --git a/src/index.html b/src/index.html
index 3971d52..c8e5ba5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -411,7 +411,7 @@
     <div class="news">
         <div class="container">
             <div class="row">
-                <div class="col-4">
+                <div class="news__news col-12 col-sm-4">
                     <p class="news__title">
                         New in Release 2.8
                     </p>
@@ -435,7 +435,7 @@
                     </div>
                     <button class="rect-button rect-button--small">Go to Release Log</button>
                 </div>
-                <div class="col-4">
+                <div class="news__extensions col-12 col-sm-4">
                     <p class="news__title">
                         Popular Extensions
                     </p>
@@ -466,7 +466,7 @@
                     </div>
                     <button class="rect-button rect-button--small">Go to Marketplace</button>
                 </div>
-                <div class="col-4">
+                <div class="news__blog col-12 col-sm-4">
                     <p class="news__title">
                         New From the Blog
                     </p>
diff --git a/src/scss/_news.scss b/src/scss/_news.scss
index 28a71f2..321bef5 100644
--- a/src/scss/_news.scss
+++ b/src/scss/_news.scss
@@ -41,4 +41,17 @@
   font-size: 13px;
   color: $regular-text;
   font-weight: 500;
+}
+
+@media all and (max-width: $phone) {
+  .news__news,
+  .news__extensions,
+  .news__blog {
+    padding: 0 30px;
+  }
+
+  .news__extensions,
+  .news__blog {
+    margin-top: 50px;
+  }
 }
\ No newline at end of file