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;