46 lines
953 B
CSS
46 lines
953 B
CSS
.parcours-chapter {
|
|
@apply p-4 pt-16 !my-20 flex flex-wrap lg:grid;
|
|
grid-template-columns: 42% 16% 42%;
|
|
|
|
&:nth-child(even) {
|
|
.parcours-chapter__cover {
|
|
@apply lg:order-3;
|
|
}
|
|
|
|
.parcours-chapter__content {
|
|
@apply lg:-order-1;
|
|
}
|
|
}
|
|
&__cover {
|
|
/* @apply w-full h-full bg-green-300; */
|
|
justify-self: center;
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
@apply !w-full h-full;
|
|
}
|
|
|
|
img {
|
|
@apply w-full h-auto;
|
|
max-width: 380px;
|
|
max-height: 330px;
|
|
}
|
|
}
|
|
&__icon {
|
|
@apply my-6 h-24 w-24 shadowed-lg p-5 bg-white rounded-3xl;
|
|
justify-self: center;
|
|
}
|
|
&__content {
|
|
.section_titling {
|
|
@apply !pb-3;
|
|
&__title {
|
|
@apply text-black !text-2xl font-bold mt-0;
|
|
text-transform: unset;
|
|
letter-spacing: unset;
|
|
}
|
|
&__subtitle {
|
|
@apply !text-base font-normal;
|
|
}
|
|
}
|
|
}
|
|
}
|