bartek/forkio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix testimonials

Browse Source
This commit is contained in:
Bartlomiej Pluta (PGS Software)
2018-04-19 12:50:00 +02:00
parent f15138e0e1
commit 3153593ea5
2 changed files with 13 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/index.html
View File

@@ -271,7 +271,7 @@
<p class="testimonials__h1">People are talking about fork</p> <p class="testimonials__h1">People are talking about fork</p>
<div class="testimonials__content container"> <div class="testimonials__content container">
<div class="testimonials__row row"> <div class="testimonials__row row">
<div class="testimonial col-12 col-xl-4"> <div class="testimonial col-12 col-sm-6 col-xl-4">
<img class="testimonial__logo" src="img/testimonials/1.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/1.png" alt="Smashing Magazine">
<p class="testimonial__text"> <p class="testimonial__text">
Sed vestibulum scelerisque urna, eu finibus leo facilisis sit amet. Proin id dignissim Sed vestibulum scelerisque urna, eu finibus leo facilisis sit amet. Proin id dignissim
@@ -279,14 +279,14 @@
Sed varius urna et pulvinar venenatis. Sed varius urna et pulvinar venenatis.
</p> </p>
</div> </div>
<div class="testimonial col-12 col-xl-4"> <div class="testimonial col-12 col-sm-6 col-xl-4">
<img class="testimonial__logo" src="img/testimonials/2.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/2.png" alt="Smashing Magazine">
<p class="testimonial__text"> <p class="testimonial__text">
Donec euismod dolor ut ultricies consequat. Vivamus urna ipsum, rhoncus molestie neque ac, Donec euismod dolor ut ultricies consequat. Vivamus urna ipsum, rhoncus molestie neque ac,
mollis eleifend nibh. mollis eleifend nibh.
</p> </p>
</div> </div>
<div class="testimonial col-12 col-xl-4"> <div class="testimonial col-12 col-sm-6 col-xl-4">
<img class="testimonial__logo" src="img/testimonials/3.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/3.png" alt="Smashing Magazine">
<p class="testimonial__text"> <p class="testimonial__text">
In efficitur in velit et tempus. Duis nec odio dapibus, suscipit erat fringilla, imperdiet In efficitur in velit et tempus. Duis nec odio dapibus, suscipit erat fringilla, imperdiet
@@ -294,9 +294,7 @@
Morbi tempus auctor felis ac vehicula. Morbi tempus auctor felis ac vehicula.
</p> </p>
</div> </div>
</div> <div class="testimonial col-12 col-sm-6 col-xl-4">
<div class="testimonials__row row">
<div class="testimonial col-12 col-xl-4">
<img class="testimonial__logo" src="img/testimonials/4/1.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/4/1.png" alt="Smashing Magazine">
<img class="testimonial__logo" src="img/testimonials/4/2.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/4/2.png" alt="Smashing Magazine">
<p class="testimonial__text"> <p class="testimonial__text">
@@ -305,7 +303,7 @@
Sed varius urna et pulvinar venenatis. Sed varius urna et pulvinar venenatis.
</p> </p>
</div> </div>
<div class="testimonial col-12 col-xl-4"> <div class="testimonial col-12 col-sm-6 col-xl-4">
<img class="testimonial__logo" src="img/testimonials/5.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/5.png" alt="Smashing Magazine">
<p class="testimonial__text"> <p class="testimonial__text">
Praesent ut eros tristique, malesuada lectus vel, lobortis massa. Nulla faucibus lorem id Praesent ut eros tristique, malesuada lectus vel, lobortis massa. Nulla faucibus lorem id
@@ -313,7 +311,7 @@
consequat faucibus. consequat faucibus.
</p> </p>
</div> </div>
<div class="testimonial col-12 col-xl-4"> <div class="testimonial col-12 col-sm-6 col-xl-4">
<img class="testimonial__logo" src="img/testimonials/6.png" alt="Smashing Magazine"> <img class="testimonial__logo" src="img/testimonials/6.png" alt="Smashing Magazine">
<p class="testimonial__text"> <p class="testimonial__text">
Fusce pharetra erat id odio blandit, nec Fusce pharetra erat id odio blandit, nec

18
src/scss/_testimonials.scss
View File

@@ -13,22 +13,18 @@
text-transform: capitalize; text-transform: capitalize;
} }
.testimonials__row {
padding-bottom: 100px;
@media all and (max-width: $desktop) {
padding: 0 10px;
margin: 0;
}
}
.testimonial { .testimonial {
position: relative; position: relative;
text-align: center; text-align: center;
min-height: 170px; min-height: 180px;
@media all and (max-width: $desktop) { @media all and (max-width: $phone) {
margin-bottom: 50px; margin-bottom: 50px;
} }
@media all and (min-width: $phone) {
margin-bottom: 100px;
}
} }
.testimonial__logo { .testimonial__logo {
@@ -36,7 +32,7 @@
} }
.testimonial__text { .testimonial__text {
@media all and (min-width: $desktop-xl) { @media all and (min-width: $phone) {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
} }