Lab Box model et typographie

Objectifs de la leçon

• Livre une carte PulsaConf stable, lisible et résistante aux contenus extrêmes.
• Conserver CSS 00 et CSS 01.
• Prouver les huit valeurs sur leurs cibles exactes.

Diagnostiquer

Commence par observer la carte à 375 px avec son titre, son paragraphe long et son identifiant sans espace.

Classe chaque symptôme dans la taille, l'espace intérieur, l'espace extérieur ou la typographie avant de modifier le CSS.

Assembler

Ajoute les déclarations dans l'ordre du module afin que chaque étape conserve la précédente.

Contraints le paragraphe plutôt que toute la carte lorsque le problème concerne uniquement la longueur de ligne.

Vérifier

Compare mobile et desktop, puis inspecte les valeurs calculées du titre, du paragraphe et de la carte.

Le projet est terminé seulement si le contenu extrême reste visible sans défilement horizontal ni règle important.

Vocabulaire lié

• box model — Relation entre contenu, padding, bordure et marge.
• mesure — Longueur d'une ligne de lecture.
• contenu extrême — Cas plus long que le contenu habituel.

Validation

• Les huit décisions sont présentes.
• Les acquis précédents sont conservés.
• Mobile et contenu extrême restent robustes.