diff --git a/assets/styles/main.scss b/assets/styles/main.scss index 22af9af..97bdccc 100644 --- a/assets/styles/main.scss +++ b/assets/styles/main.scss @@ -18,7 +18,7 @@ --black-font-weight: 900; --h1-font-size: 2rem; --h2-font-size: 2rem; - --h3-font-size: 1.4rem; + --h3-font-size: 1.2rem; --button-font-size: 1.4rem; --text-font-size: 1.2rem; --caption-font-size: 1.1rem; @@ -107,7 +107,7 @@ h2 { } h3 { - font-family: var(--title-font-family); + font-family: var(--text-font-family); font-size: var(--h3-font-size); font-weight: var(--medium-font-weight); } diff --git a/components/ServicesSection.vue b/components/ServicesSection.vue index 10af2c3..e85e4b6 100644 --- a/components/ServicesSection.vue +++ b/components/ServicesSection.vue @@ -56,10 +56,10 @@

Prestations

@@ -92,9 +92,10 @@ 'title' auto 'list' auto / 1fr; - place-content: start center; - place-items: start center; - gap: 2rem; + place-content: start; + place-items: start; + row-gap: 2rem; + column-gap: 1rem; &__illustration { grid-area: illustration; @@ -103,14 +104,13 @@ justify-content: center; svg { - max-width: 35rem; + max-width: 30rem; height: auto; } } &__title { grid-area: title; - place-self: start; } &__list { @@ -122,6 +122,15 @@ @media screen and (min-width: $tablet-media-query) { + grid: + 'title illustration' auto + 'list list' auto + / auto 1fr; + + &__title { + place-self: end start; + } + &__list { flex-direction: row; gap: 4rem;