fix ranges details like on homepage #43
This commit is contained in:
parent
419d8431fc
commit
3a4658782f
2 changed files with 7 additions and 6 deletions
|
|
@ -61,17 +61,18 @@
|
|||
|
||||
&-pictos {
|
||||
left: 105%;
|
||||
width: max-content;
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
left: 110%;
|
||||
}
|
||||
|
||||
.d-flex:nth-child(1) {
|
||||
transform: rotate(-5deg);
|
||||
transform: rotate(-7.5deg);
|
||||
}
|
||||
|
||||
.d-flex:nth-child(2) {
|
||||
transform: rotate(5deg);
|
||||
transform: rotate(2.159deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,8 +30,8 @@
|
|||
<img class="img-fluid" src="{{ asset($rangeModel->picto1_picture) }}"
|
||||
title="{{ $rangeModel->picto1_picture_title }}" alt="{{ $rangeModel->picto1_picture_alt }}">
|
||||
<div class="d-flex flex-column justify-content-center align-items-center lh-1 ms-1">
|
||||
<p class="m-0">{{ $rangeModel->picto1_line1 }}</p>
|
||||
<p class="m-0">{{ $rangeModel->picto1_line2 }}</p>
|
||||
<p class="text-uppercase f-intro-head-b-base m-0">{{ $rangeModel->picto1_line1 }}</p>
|
||||
<p class="text-uppercase f-intro-head-b-base fw-bold m-0">{{ $rangeModel->picto1_line2 }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
|
@ -40,8 +40,8 @@
|
|||
<img class="img-fluid" src="{{ asset($rangeModel->picto2_picture) }}"
|
||||
title="{{ $rangeModel->picto2_picture_title }}" alt="{{ $rangeModel->picto2_picture_alt }}">
|
||||
<div class="d-flex flex-column justify-content-center align-items-center lh-1 ms-1">
|
||||
<p class="m-0">{{ $rangeModel->picto2_line1 }}</p>
|
||||
<p class="m-0">{{ $rangeModel->picto2_line2 }}</p>
|
||||
<p class="text-uppercase f-intro-head-b-base m-0">{{ $rangeModel->picto2_line1 }}</p>
|
||||
<p class="text-uppercase f-intro-head-b-base fw-bold m-0">{{ $rangeModel->picto2_line2 }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue