Enable RWD in news section

Enable RWD in Newsletter section

src/index.html

@@ -396,10 +396,10 @@
     <div class="newsletter">
         <div class="container">
             <div class="row justify-content-between">
-                <div class="col-6 newsletter__title">
+                <div class="col-12 col-xl-6 newsletter__title">
                     Subscribe to our newsletter
                 </div>
-                <div class="col-6 oneline__form">
+                <div class="col-12 col-xl-6 oneline__form">
                     <input class="textfield oneline__form__component--growing" title="Email" placeholder="Email...">
                     <button class="rounded-button rounded-button--uppercase oneline__form__component--fixed"
                             type="submit">Subscribe
@@ -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>

src/scss/_form.scss

@@ -5,6 +5,7 @@
   background-color: white;
   color: $regular-text;
 
+
   &::placeholder {
     font-family: Montserrat, sans-serif;
     font-size: 14px;
@@ -21,9 +22,11 @@
 
 .oneline__form__component--growing {
   width: 100%;
-  margin: 0 20px;
+  min-width: 100px;
+  margin: 0 10px;
 }
 
 .oneline__form__component--fixed {
   white-space: nowrap;
+  margin: 0 10px;
 }

src/scss/_news.scss

@@ -42,3 +42,16 @@
   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;
+  }
+}

src/scss/_newsletter.scss

@@ -4,12 +4,15 @@
 }
 
 .newsletter__title {
-  display: flex;
-  align-items: center;
   font-family: Montserrat, sans-serif;
   font-weight: bold;
   font-size: 30px;
   color: $primary-dark;
   text-transform: capitalize;
+  text-align: center;
+
+  @media all and (max-width: $desktop-xl) {
+    margin-bottom: 50px;
+  }
 }