Merge pull request #15 from bartlomiej-pluta/rwd-newsletter

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

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/_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;
+  }
 }