La taille de chacun de ces titres va s’adapter automatiquement à la taille d’écran du visiteur.
Pour une résolution de 1200px ou plus, les tailles seront les suivantes :
- H1: 2.5 rem (40px)
- H2: 2 rem (32px)
- H3 :75 rem (28px)
- H4: 1.5 rem (24px)
- H5: 1.25 rem (20px)
- H6: 1 rem (16px)
Les titres ont en commun les caractéristiques suivantes:
- font-weight: 500 (gras)
- line-height: 1.2 rem (hauteur de ligne)
- margin-top: 0 (marge externe du haut)
- margin-bottom: 5 rem (marge externe du bas)
La taille des titres ne nécessite pas de faire appel à une classe.
Pour ce qui concerne le texte, les caractéristiques pour une résolution de 1200px et plus sont les suivantes :
- Taille : 1 rem (16px)
- font-weight : 400
L’espace entre les paragraphes est le suivant :
- margin-top: 0
- margin-bottom: 1rem