Texte 2-colonnes¶
Deux champs texte côte à côte, chacun sur la moitié de la largeur du conteneur. Sur les petits écrans, ils s'empilent.
Comment cela apparaît sur le site¶
Deux champs texte côte à côte, chacun 50 % de la largeur du conteneur. Sur mobile, ils s'empilent (Colonne 1 en haut).
Champs¶
| Champ | Type | Obligatoire | Contenu |
|---|---|---|---|
| Colonne 1 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne de gauche. |
| Colonne 2 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne de droite. |
*Techniquement optionnel mais des colonnes vides laissent un blanc — remplissez toujours les deux colonnes.
Comment cela s'affiche¶
- Desktop : colonnes côte à côte, chacune sur la moitié de la largeur du conteneur.
- Tablette/mobile : colonnes l'une sous l'autre, chacune sur toute la largeur. Colonne 1 en haut.
- Chaque colonne est un champ texte complet avec mise en forme — gras, listes, liens, sous-titres.
Quand l'utiliser¶
- Texte comparatif : avantages vs inconvénients, ancien vs nouveau, option A vs option B.
- Textes courts avec symétrie visuelle : deux paragraphes qui doivent peser de manière équivalente côte à côte.
Quand ne pas l'utiliser¶
- Pour un texte long — préférez deux blocs Texte séparés.
- Si le contenu est inégalement réparti (une colonne est 5× plus longue que l'autre) — visuellement déséquilibré.
- Pour du texte avec des images — utilisez Photo + texte.
- Pour trois éléments côte à côte — utilisez Texte 3-colonnes.
Conseils¶
- Gardez les colonnes à peu près de même longueur. Une colonne courte à côté d'une longue donne un aspect désordonné.
- Commencez chaque colonne par la même structure : par ex. un sous-titre + 2 lignes d'explication. Donne du rythme visuel.
- Pas de listes imbriquées complexes — la largeur de colonne est limitée.