Parcours 8

CSS : lire et retoucher une mise en page

Sélecteurs, boîte, Flexbox, Grid, responsive, variables, animations, design system

Assez de CSS pour comprendre pourquoi une page ressemble à ce qu’elle est, retoucher une valeur sans tout casser, et cadrer les demandes de mise en page à Claude Code. Chaque leçon se termine par une retouche dans l’inspecteur puis une demande précise.

À la fin de ce parcours

  • Lire une règle CSS : sélecteur, propriétés, valeurs, spécificité
  • Comprendre le modèle de boîte et les débordements
  • Reconnaître Flexbox et Grid et savoir lequel demander
  • Rendre une page lisible sur mobile avec des media queries
  • Utiliser les variables CSS comme base d’un design system

Les leçons

Les bases

  • Sélecteurs et cascade : pourquoi cette règle gagne (14 min)
  • Le modèle de boîte : contenu, padding, bordure, marge (12 min)

Mise en page

  • Flexbox et Grid : aligner et disposer (15 min)
  • Responsive : une page lisible sur tous les écrans (14 min)

Variables, animations, design system

  • Variables CSS et design system (12 min)
  • Transitions et animations : juste ce qu’il faut (10 min)

Ce parcours fait partie de l’Accès Fondateur : 59 € TTC, paiement unique, sans abonnement. Voir toute la formation Claude Code et l’offre