host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit services section style and content

Browse source
This commit is contained in:
Paul Nicoué 2023-02-14 15:02:10 +01:00
parent dc7acf0397
commit 77899872d7
2 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/styles/main.scss
View file

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

25
components/ServicesSection.vue
View file

@ -56,10 +56,10 @@
<h2 class="services__title">Prestations</h2>
<ul class="services__list">
<li><h3>Intégration web et développement front-end</h3>
<p>Retranscription fidèle de maquettes dans le respect des standards W3C et de la charte graphique définie par votre agence.</p>
<p>Intégration de maquettes dans le respect des standards W3C et de la charte graphique définie par votre agence de communication digitale.</p>
</li>
<li><h3>Conception de site internet sur mesure</h3>
<p>Accompagnement de votre entreprise ou association dans la création ou la refonte de son site vitrine ou e-commerce.</p>
<li><h3>Création de site internet sur mesure</h3>
<p>Accompagnement de votre entreprise ou association dans la création ou la refonte de son site vitrine, portfolio ou e-commerce.</p>
</li>
</ul>
</section>
@ -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;