**Rappel théorique** Un formulaire accessible et responsive repose sur deux piliers complémentaires. L'accessibilité (a11y) garantit que tous les utilisateurs, y compris ceux utilisant des technologies d'assistance (lecteurs d'écran, navigation clavi...

L'accessibilité web est la pratique qui consiste à concevoir et développer des interfaces utilisables par le plus grand nombre de personnes, y compris celles qui présentent des handicaps visuels, moteurs, cognitifs ou auditifs. Dans le cadre du desig...

**Rappel théorique** L'approche mobile-first consiste à écrire le CSS de base pour les petits écrans en premier, puis à ajouter des media queries avec `min-width` pour enrichir progressivement la mise en page à mesure que la largeur d'écran augmente....

Lorsqu'on conçoit une interface web responsive, il existe deux grandes philosophies d'approche : commencer par les écrans mobiles et progresser vers les grands écrans (mobile-first), ou commencer par les écrans larges de bureau et réduire ensuite pou...

## Présentation du projet Vous allez concevoir et développer une page d'accueil de portfolio personnel, entièrement responsive, en mobilisant l'ensemble des compétences CSS3, Flexbox et Grid acquises jusqu'ici. Ce projet est un livrable concret, dire...

**Rappel théorique** Le design responsive consiste à adapter la mise en page d'une interface à différentes tailles d'écran, sans créer plusieurs fichiers HTML distincts. CSS Grid est particulièrement puissant pour cela : en combinant des Media Querie...

Dans les activités précédentes, vous avez maîtrisé les fondamentaux de CSS Grid : conteneur, pistes, zones nommées, placement avancé, grilles fluides avec repeat(auto-fit, minmax). Il est maintenant temps d'aller plus loin en combinant Grid avec les ...

RAPPEL THÉORIQUE CSS Grid est un système de mise en page bidimensionnel qui permet de contrôler simultanément lignes et colonnes. Contrairement à Flexbox, qui est unidimensionnel (une ligne ou une colonne à la fois), Grid excelle pour structurer des ...

Dans les activités précédentes, tu as appris à créer des grilles de base, à nommer des zones, à utiliser repeat() avec auto-fit et minmax(), et à distinguer Flexbox de Grid. Tu sais maintenant poser une structure. Il est temps de passer à l'étape sui...

**Rappel théorique** CSS Grid offre une fonction puissante pour créer des grilles fluides et responsive sans media queries : la combinaison repeat(auto-fit, minmax()). Décortiquons ce que cela signifie concrètement. - repeat() : répète un gabarit de ...