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

Formation frontend :

Formation backend :

Formation logiciel :

Formation CMS

Carl Brison Formateur, Développeur et Auteur

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

Tutos qui pourraient vous intéresser

Bienvenue sur mon site. En poursuivant votre visite, vous accepez l'utilisation des cookies. Plus d'infos