diff --git a/src/index.html b/src/index.html index 6fb4f58..fe56e4e 100644 --- a/src/index.html +++ b/src/index.html @@ -271,7 +271,7 @@

People are talking about fork

-
+

Sed vestibulum scelerisque urna, eu finibus leo facilisis sit amet. Proin id dignissim @@ -279,14 +279,14 @@ Sed varius urna et pulvinar venenatis.

-
+

Donec euismod dolor ut ultricies consequat. Vivamus urna ipsum, rhoncus molestie neque ac, mollis eleifend nibh.

-
+

In efficitur in velit et tempus. Duis nec odio dapibus, suscipit erat fringilla, imperdiet @@ -296,7 +296,7 @@

-
+

@@ -305,7 +305,7 @@ Sed varius urna et pulvinar venenatis.

-
+

Praesent ut eros tristique, malesuada lectus vel, lobortis massa. Nulla faucibus lorem id @@ -313,7 +313,7 @@ consequat faucibus.

-
+

Fusce pharetra erat id odio blandit, nec diff --git a/src/scss/_testimonials.scss b/src/scss/_testimonials.scss index 9ff968c..173de31 100644 --- a/src/scss/_testimonials.scss +++ b/src/scss/_testimonials.scss @@ -1,6 +1,6 @@ .testimonials { position: relative; - background: $background-violet url(../img/testimonials/testimonials.png) no-repeat 50% 30% / contain; + background: $background-violet url(../img/testimonials/testimonials.png) no-repeat 50% 0; } .testimonials__h1 { @@ -15,12 +15,20 @@ .testimonials__row { padding-bottom: 100px; + @media all and (max-width: $desktop) { + padding: 0 10px; + margin: 0; + } } .testimonial { position: relative; text-align: center; min-height: 170px; + + @media all and (max-width: $desktop) { + margin-bottom: 50px; + } } .testimonial__logo { @@ -28,8 +36,10 @@ } .testimonial__text { - position: absolute; - bottom: 0; + @media all and (min-width: $desktop-xl) { + position: absolute; + bottom: 0; + } font-family: Source Sans Pro, sans-serif; font-size: 16px; font-weight: bold;