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

18
src/scss/_testimonials.scss
View File

@@ -13,22 +13,18 @@
text-transform: capitalize;
}
.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;
min-height: 180px;
@media all and (max-width: $desktop) {
@media all and (max-width: $phone) {
margin-bottom: 50px;
}
@media all and (min-width: $phone) {
margin-bottom: 100px;
}
}
.testimonial__logo {
@@ -36,7 +32,7 @@
}
.testimonial__text {
@media all and (min-width: $desktop-xl) {
@media all and (min-width: $phone) {
position: absolute;
bottom: 0;
}