Flex
Détails de la leçon
Description de la leçon
Cette leçon couvre en détail les propriétés CSS relatives aux Flexbox, vous permettant d'aligner et d'arranger horizontalement et verticalement vos éléments au sein d'un conteneur. Initialement, la propriété justify-content est expliquée, qui permet de distribuer les éléments le long de l'axe principal avec des valeurs telles que flex-start, flex-end, center, space-between, et space-around.
Ensuite, nous explorons la propriété align-items pour l'alignement vertical. Vous allez découvrir comment utiliser des valeurs comme flex-start, center, flex-end et stretch pour un agencement optimal de vos contenus.
Enfin, cette formation pratique montre comment combiner ces propriétés pour obtenir une disposition flexible et réactive de vos éléments, aussi bien horizontalement que verticalement, même lorsque vous travaillez avec plusieurs lignes d'éléments grâce à flex-wrap.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de vous familiariser avec les propriétés justify-content et align-items, et de vous montrer comment les utiliser pour organiser et aligner vos contenus de manière flexible et esthétique.
Prérequis pour cette leçon
Avoir des connaissances de base en CSS et HTML est recommandé pour suivre pleinement cette vidéo.
Métiers concernés
Les compétences apprises dans cette vidéo sont particulièrement utiles pour les métiers de développeur frontend, designer web, et intégrateur web.
Alternatives et ressources
Pour l'agencement et l'alignement des éléments, des solutions alternatives comme CSS Grid ou des bibliothèques de frameworks CSS comme Bootstrap peuvent être utilisées.
Questions & Réponses
Je m'abonne