Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Dans ce tuto vidéo, je vous propose de vous faire découvrir (ou redécouvrir) les médias queries qui nous permettent de faire aujourd'hui des pages web totalement reponsives. Cela signifie que nos pages web s'adaptent à n'importe quelle largeur d'écran.
Nous verrons ensemble, les différentes techniques employées pour mettre en place des medias queries.
Cela vous permettra de choisir celle que vous souhaiterez utiliser dans vos projets de développement web.
A la fin de ce tuto, vous serez à l'aise avec les médias queries liées au côté responsive d'une page web.
Pour aller plus loin, vous pouvez suivre ce tutoriel sur les bases du langage CSS.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Pourquoi les medias queries
Pourquoi les medias queries
Leçon 2
Mise en place d'une règle CSS
Mise en place d'une règle CSS
Leçon 3
Ordre d'affichage
Ordre d'affichage
Leçon 4
Modifier l'ordre d'affichage
Modifier l'ordre d'affichage
Leçon 5
Mobile first
Mobile first
Leçon 6
Borner une règle
Borner une règle
Leçon 7
Plusieurs fichiers CSS
Plusieurs fichiers CSS
Plan détaillé du cours
Leçon 1Pourquoi les medias queries
07m48
Leçon 2Mise en place d'une règle CSS
10m12
Leçon 3Ordre d'affichage
04m47
Leçon 4Modifier l'ordre d'affichage
04m39
Leçon 5Mobile first
03m34
Leçon 6Borner une règle
02m13
Leçon 7Plusieurs fichiers CSS
04m51
Leçon 8Conclusion
01m04
Avis des apprenants