Tailwind CSS #3/5. Créer des mises en page responsives avec Grid

Dans ce cours, nous allons apprendre à utiliser Tailwind CSS pour créer des mises en page complexes et responsives en utilisant la technologie Grid.
Nous commencerons par une introduction à la grille et aux différents types de lignes et de colonnes que nous pouvons utiliser.
Ensuite, nous verrons comment utiliser la grille pour créer des mises en page de base, telles que des grilles à deux et trois colonnes.

Nous verrons également comment utiliser les médias queries au travers de Tailwind CSS.
Cela nous permettra de réaliser des mises en page complexes au travers de Tailwind CSS en utilisant la technologie Grid.

Objectifs de ce tuto Tailwind mise en pages responsives

À la fin de ce cours, vous serez en mesure de :

• Comprendre le fonctionnement de la grille Tailwind CSS,
• Utiliser la grille pour créer des mises en page de base,
• Utiliser la grille pour créer des mises en page avancées.

Un exercice d'application concret viendra clôturer ce cours afin de valider vos nouvelles connaissances.
Un QCM vous permettra de réviser vos connaissances.
Je reste disponible pour répondre à vos éventuelles questions sur ce tutoriel.

Prérequis

Pour suivre ce cours, vous devez avoir une compréhension de base de Grid CSS.
Si vous êtes débutant, je vous recommande de suivre mon cours d'introduction à Grid CSS.

Épisodes précédents

• Maîtriser le Formatage des Textes
• Maîtriser le Formatage des Boîtes DIV