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 cette formation CSS volume 2, nous allons découvrir 10 nouvelles astuces pour faciliter l'intégration de votre site internet.
Au programme de cette formation :
- Centrer une div sans dimensions définies
- Cacher du contenu qui dépasse ou afficher une barre de scroll dans une div
- Faire passer à la ligne une long mot qui dépasserait de son conteneur
- Créer un masque sur une image
- Créer une div avec une hauteur de 100% du navigateur
- Créer un triangle sans image
- Styliser un lien pointant vers un fichier PDF
- Mettre du flou sur une image et un texte
- Créer un texte 3D
- Mettre en place un menu en diagonale
Toutes les sources de chaque astuce sont fournies. Je vous conseille d'avoir les bases du HTML et du CSS pour suivre cette formation dans de bonnes conditions.
Bonne formation à tous !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Centrer une div sans dimensions définies
Centrer une div sans dimensions définies
Leçon 2
Cacher du contenu qui dépasse
Cacher du contenu qui dépasse
Leçon 3
Faire passer à la ligne un mot trop long
Faire passer à la ligne un mot trop long
Leçon 4
Masque sur une image
Masque sur une image
Leçon 5
Div avec une hauteur de 100%
Div avec une hauteur de 100%
Leçon 6
Créer un triangle sans image
Créer un triangle sans image
Leçon 7
Styliser un lien pointant vers un PDF
Styliser un lien pointant vers un PDF
Plan détaillé du cours
Leçon 1Centrer une div sans dimensions définies
07m45
Leçon 2Cacher du contenu qui dépasse
05m51
Leçon 3Faire passer à la ligne un mot trop long
02m10
Leçon 4Masque sur une image
06m51
Leçon 5Div avec une hauteur de 100%
05m42
Leçon 6Créer un triangle sans image
12m56
Leçon 7Styliser un lien pointant vers un PDF
07m39
Leçon 8Flouter un texte et une image
05m46
Leçon 9Créer un texte 3D
08m15
Leçon 10Menu en diagonale
07m19
Avis des apprenants