Fix about

gulpfile.js

@@ -46,7 +46,7 @@ gulp.task('serve', function() {
   });
 
   gulp.watch(config.htmlIn, function() { sequence('html', 'reload') });
-  gulp.watch(config.scssIn, function() { sequence('sass', 'css', 'reload') });
+  gulp.watch(config.scssIn, function() { sequence('sass', 'css' ) });
   gulp.watch(config.jsIn, function() { sequence('js', 'reload') });
   gulp.watch(config.imgIn, function() { sequence('img', 'reload') });
   gulp.watch(config.svgIn, function() { sequence('svg', 'reload') });

src/scss/_about.scss

@@ -1,14 +1,7 @@
 .about {
   background-color: $background-light;
-  width: 100%;
-  overflow-x: hidden;
-
-  @media all and (max-width: $desktop-xl) {
-    .about {
-      padding: 75px 0 0 30px;
-      height: 710px;
-    }
-  }
+  min-width: 320px;
+  padding: 50px 0 0;
 }
 
 .about__title {
@@ -16,6 +9,19 @@
   font-weight: bold;
   font-size: 48px;
   color: $primary;
+  margin: 0;
+
+  @media all and (max-width: $tablet) {
+    font-size: 38px;
+  }
+
+  @media all and (max-width: $phone) {
+    font-size: 25px;
+  }
+
+  @media all and (max-width: $small-phone) {
+    font-size: 23px;
+  }
 
   &--no-wrap {
     white-space: nowrap;
@@ -40,3 +46,16 @@
     }
   }
 }
+
+.about__what-you-get {
+  img {
+    position: relative;
+    margin-top: -50px;
+    top: 70px;
+
+
+    @media all and (max-width: $phone) {
+      height: 400px;
+    }
+  }
+}

src/scss/_feature.scss

@@ -3,7 +3,14 @@
 }
 
 .feature__icon {
-  text-align: left;
+  text-align: right;
+
+
+  @media all and (max-width: $phone) {
+    img {
+      width: 90px;
+    }
+  }
 }
 
 .feature__title {
@@ -12,10 +19,18 @@
   font-size: 16px;
   font-weight: 600;
   color: $dark-text;
+
+  @media all and (max-width: $phone) {
+    font-size: 14px;
+  }
 }
 
 .feature__description {
   font-family: Montserrat, sans-serif;
   font-size: 14px;
   color: $regular-text;
+
+  @media all and (max-width: $phone) {
+    font-size: 12px;
+  }
 }

src/scss/_global.scss

@@ -1,4 +1,4 @@
-body {
+.wrapper {
   overflow-x: hidden;
   max-width: 100%;
 }