diff --git a/gulpfile.js b/gulpfile.js old mode 100644 new mode 100755 index 438eb07..bc71dd0 --- a/gulpfile.js +++ b/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') }); diff --git a/src/img/features/1.png b/src/img/features/1.png index c42e164..d3ed7f1 100644 Binary files a/src/img/features/1.png and b/src/img/features/1.png differ diff --git a/src/img/features/2.png b/src/img/features/2.png index 2a2af1a..6baa717 100644 Binary files a/src/img/features/2.png and b/src/img/features/2.png differ diff --git a/src/img/features/3.png b/src/img/features/3.png index 63147a1..f56e0d6 100644 Binary files a/src/img/features/3.png and b/src/img/features/3.png differ diff --git a/src/img/features/4.png b/src/img/features/4.png index 0a78b33..e3d71be 100644 Binary files a/src/img/features/4.png and b/src/img/features/4.png differ diff --git a/src/scss/_about.scss b/src/scss/_about.scss index 7d0076f..aea8683 100755 --- a/src/scss/_about.scss +++ b/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; + } + } +} \ No newline at end of file diff --git a/src/scss/_feature.scss b/src/scss/_feature.scss old mode 100644 new mode 100755 index 51f0fa4..fd4545a --- a/src/scss/_feature.scss +++ b/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; + } } \ No newline at end of file diff --git a/src/scss/_global.scss b/src/scss/_global.scss index 43cb595..267c710 100755 --- a/src/scss/_global.scss +++ b/src/scss/_global.scss @@ -1,4 +1,4 @@ -body { +.wrapper { overflow-x: hidden; max-width: 100%; } \ No newline at end of file