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 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 complèxe au travers de tailwind CSS en utilisant la technologie Grid.
Objectifs
À 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.
- Durée de ce tuto: 1H23min
- Tarif de ce tuto: 17 €
- Date de ce tuto: 2024-03-08
Il y a actuellement 349 tutos
Il y a actuellement 23 bundles