fix ranges details like on homepage #43

This commit is contained in:
Alexis Gousseau 2023-12-21 15:29:32 +01:00
parent 419d8431fc
commit 3a4658782f
2 changed files with 7 additions and 6 deletions

View file

@ -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);
}
}
}

View file

@ -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