Materialize css
Un site en materializecss
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer comment utiliser la grille de Materialize CSS pour structurer une section en trois colonnes. Nous commencerons par créer un container pour limiter la largeur de la section. Ensuite, nous utiliserons une classe row pour définir une rangée, suivie de la classe col avec les options m4 et s12 pour créer trois colonnes.
Nous verrons également comment centrer le texte à l'aide de la classe Center Align et ajouter des icônes en utilisant la bibliothèque Materialize Icons. Nous ajusterons la taille des icônes et des titres pour obtenir une présentation harmonieuse. Enfin, nous apprendrons à ajouter du padding personnalisé pour améliorer l'espacement entre les éléments.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de :
- Utiliser la grille de Materialize CSS pour créer une section structurée.
- Ajouter et personnaliser des icônes pour mettre en valeur le contenu.
- Ajuster la taille et l'alignement du texte pour une meilleure présentation.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des connaissances de base en HTML et CSS ainsi qu'une compréhension fondamentale de Materialize CSS.
Métiers concernés
Les compétences abordées dans cette vidéo sont applicables aux métiers de développeur front-end, de web designer, et de UX/UI designer.
Alternatives et ressources
Bien que nous utilisions Materialize CSS dans cette vidéo, des alternatives telles que Bootstrap, Foundation ou Bulma peuvent offrir des fonctionnalités similaires pour la gestion de la grille et des icônes.
Questions & Réponses
Je m'abonne