Créer des tableaux en utilisant CSS Grid & FlexBox

Dans ce tuto en ligne je vais vous présenter une façon tout à fait moderne de créer des tableaux pour vos pages web. En effet, nous allons utiliser les nouvelles technologies pour écrire nos tableaux. Nous allons utiliser GRID et FLEXBOX.

Je vous précise qu'il n'est pas utile de connaître ces technologies pour suivre ce tuto.
Nous n'utiliserons que quelques propriétés CSS liées à GRID et FLEXBOX. Et je vous expliquerai à chaque fois le fonctionnement de ces propriétés.

Au programme de ce tuto créer des tableaux en utilisant CSS Gris et Flexbox

Nous verrons que grâce à ces technologies modernes, il est tout à fait possible de pouvoir mettre en oeuvre des tableaux avec fusions de cellules horizontales et verticales. De quoi réaliser des tableaux comme ceux réalisés en utilisant les balises HTML "TABLE", "TR", "TD", etc...

Le cours se termine avec un QCM pour valider vos nouvelles connaissances.
Je mets à votre disposition, l'ensemble des codes issus de ce tuto (le cours + l'exercice)

• Si vous souhaitez découvrir la technologie GRID: CSS Grid, le guide complet en vidéo
• Si vous souhaitez découvrir la technologie FLEXBOX: Flexbox : mise en page flexible en CSS

Bonne formation !