Aller au contenu

Vous regardez un aperçu gratuit.
Achetez la formation pour accéder aux 23 leçons. Acheter · 39,00 €

Leçon 1.1 · Découvre pourquoi les FlexBox existent et comment elles fonctionnent

Introduction

Programme

1. Découvre pourquoi les FlexBox existent et comment elles fonctionnent

1.1 Introduction
1.2 C’est quoi FlexBox et pourquoi l’utiliser 🔒
1.3 Comment FlexBox est supporté par les navigateurs 🔒
1.4 Découvre le principe d’axes associé à FlexBox 🔒

2. Les propriétés de FlexBox liées aux conteneurs

2.1 Flex-Direction 🔒
2.2 Justify-Content 🔒
2.3 Align-Items 🔒
2.4 Flex-Wrap 🔒
2.5 Align-Content 🔒
2.6 Flex-Flow 🔒

3. Les propriétés de FlexBox liées aux éléments du conteneur

3.1 Align-Self 🔒
3.2 Order 🔒
3.3 Flex-Basis 🔒
3.4 Flex-Grow 🔒
3.5 Flex-Shrink 🔒
3.6 Flex 🔒

4. Exemple pratique - Construction d\'un site web depuis 0 grâce à FlexBox

4.1 Structure du site : Placer son footer en bas de page par défaut 🔒
4.2 Créer un menu de navigation 🔒
4.3 Créer un footer 🔒
4.4 Section principale : Centrer un élément horizontalement et verticalement 🔒
4.5 Mettre en place des cartes responsive 🔒
4.6 Créer une galerie d’images 🔒
4.7 Créer une section texte + image alternatif 🔒

🔒Évaluation finale45 questions · réservée aux élèves