fix(css): handle title + lists in bio #111

Merged
florent.lesaout merged 2 commits from fix/members_bio into master 2024-12-09 17:11:39 +01:00
2 changed files with 39 additions and 13 deletions
src
members
scss/components

View File

@ -10,27 +10,24 @@ socialLinkedin: 'https://www.linkedin.com/in/laurelenehard/'
#socialMastodon: 'https://framapiaf.org/@AstrolabeCAE' #socialMastodon: 'https://framapiaf.org/@AstrolabeCAE'
url: '/members/laurelene-hard' url: '/members/laurelene-hard'
emailSlug: 'laurelene.hard' emailSlug: 'laurelene.hard'
tags: [ web, design, graphisme, creation ] tags: [web, design, graphisme, creation]
location: [48.10517, -1.680833] location: [48.10517, -1.680833]
--- ---
# Vous avez un projet digital en tête, mais vous ne savez pas par où commencer ? ## Vous avez un projet digital en tête, mais vous ne savez pas par où commencer ?
### Je vous accompagne dès les premières étapes de votre projet :
## Je vous accompagne dès les premières étapes de votre projet :
- En vous proposant un accompagnement en UX design, de la phase de recherche à celle des tests et des itérations, pour vous fournir les clés nécessaires à ladhésion de vos utilisateurs. - En vous proposant un accompagnement en UX design, de la phase de recherche à celle des tests et des itérations, pour vous fournir les clés nécessaires à ladhésion de vos utilisateurs.
- En réalisant un audit UX de votre site, application mobile ou logiciel, afin de vous aider à mieux convertir vos utilisateurs. - En réalisant un audit UX de votre site, application mobile ou logiciel, afin de vous aider à mieux convertir vos utilisateurs.
### Je peux également intervenir dans :
## Je peux également intervenir dans :
- La création de votre identité visuelle (logo, charte graphique, branding sur LinkedIn) pour que vous soyez immédiatement reconnaissable. - La création de votre identité visuelle (logo, charte graphique, branding sur LinkedIn) pour que vous soyez immédiatement reconnaissable.
- La conception ou la refonte de votre site, application mobile ou logiciel. - La conception ou la refonte de votre site, application mobile ou logiciel.
Avec 10 ans d'expérience dans le domaine de l'optique, un secteur à la fois médical et commercial, je peux également vous apporter des conseils avisés si votre projet touche à ces domaines. Avec 10 ans d'expérience dans le domaine de l'optique, un secteur à la fois médical et commercial, je peux également vous apporter des conseils avisés si votre projet touche à ces domaines.
En tant quancienne manager, déquipes allant jusquà 10 collaborateurs, vous pourrez vous attendre à une collaboration structurée et rigoureuse, avec des points d'avancement réguliers (méthode agile) et un espace personnel dédié sur Notion. En tant quancienne manager, déquipes allant jusquà 10 collaborateurs, vous pourrez vous attendre à une collaboration structurée et rigoureuse, avec des points d'avancement réguliers (méthode agile) et un espace personnel dédié sur Notion.

View File

@ -14,7 +14,7 @@
&__wrapper { &__wrapper {
display: grid; display: grid;
grid-template-columns: .4fr .6fr; grid-template-columns: 0.4fr 0.6fr;
grid-template-rows: 1fr; grid-template-rows: 1fr;
grid-column-gap: 1.5rem; grid-column-gap: 1.5rem;
grid-row-gap: 0; grid-row-gap: 0;
@ -63,9 +63,38 @@
&__bio { &__bio {
position: relative; position: relative;
+ p, p:not(:last-child),
p + p { ul:not(:last-child) {
margin-top: 1.5rem; margin-bottom: 1.5rem;
}
h2:not(:first-child) {
margin-top: 1.1428em;
}
h3:not(:first-child) {
margin-top: 1.3333em;
}
h1 {
margin-bottom: 0.5em;
}
h2 {
margin-bottom: 0.5714em;
}
h3 {
margin-bottom: 0.6666em;
}
ul {
list-style: disc outside;
margin-inline-start: 2em;
}
li + li {
margin-top: 0.5em;
} }
&:not(.member-contact)::before { &:not(.member-contact)::before {