## 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 ...

Lorsque l'on travaille avec CSS Grid, l'une des fonctionnalités les plus puissantes est la possibilité de nommer explicitement les zones de la grille grâce à la propriété grid-template-areas. Cette fonctionnalité permet de visualiser la structure de ...

**Rappel théorique** CSS Grid est un système de mise en page bidimensionnel : contrairement à Flexbox qui gère une seule dimension à la fois (ligne OU colonne), Grid permet de contrôler simultanément les lignes ET les colonnes d'une interface. Le con...

CSS Grid est un système de mise en page bidimensionnel introduit dans CSS3. Contrairement à Flexbox, qui travaille sur un seul axe à la fois (soit horizontal, soit vertical), CSS Grid permet de contrôler simultanément les lignes ET les colonnes d'une...

CSS Grid est un système de mise en page bidimensionnel intégré nativement dans les navigateurs modernes. Contrairement à Flexbox, qui travaille sur un seul axe à la fois (horizontal ou vertical), CSS Grid permet de contrôler simultanément les lignes ...