intégration du design il manque que les images de fond

This commit is contained in:
Valentin
2023-12-15 20:04:59 +01:00
parent cb35336870
commit a0137d95ac
19 changed files with 832 additions and 121 deletions

View File

@@ -9,13 +9,13 @@
}
}
> div:first-of-type {
max-height: none;
display: flex;
flex-direction: column;
height: unset !important;
display: grid;
grid-template-columns: 0.3fr 1fr;
align-items: center;
> div:first-of-type {
> div {
width: 40vw;
width: 30vw;
height: auto;
overflow: hidden;
margin-bottom: 1rem;
@@ -24,21 +24,30 @@
height: auto;
mix-blend-mode: darken;
}
@media (min-width: $breakpoint_tablet) {
width: 20vw;
}
@media (min-width: $breakpoint_desktop) {
width: 15vw;
}
}
}
> div:nth-of-type(2) {
@include main_text_content();
margin-bottom: 2rem;
padding-left: $x_margin;
}
> div:last-of-type {
grid-column: 1 / 3;
width: 100%;
text-align: right;
padding-bottom: 2rem;
margin-top: 1rem;
@include fluo_button();
}
}
}
}