Flexbox Avancé : flex-grow, flex-shrink et flex-basis
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Flexbox Avancé : flex-grow, flex-shrink et flex-basis

Carl Brison
14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Je vous propose un tuto vidéo sur les flexbox avancés. Nous allons ici parler des propriétés suivantes :

  • flex-grow,
  • flex-shrink,
  • flex-basis.

 

Au programme de ce tuto Flexbox Avancé

Nous allons étudier les valeurs de ces propriétés Flexbox et comprendre ainsi leurs comportements, mais aussi le comportement par défaut de Flexbox.

Une fois que nous aurons bien compris ces propriétés CSS liées à Flexbox, nous ferons 2 applications afin de consolider ces nouvelles connaissances. Je mets les codes de ces deux applications à votre disposition avec le cours.

Un QCM de fin vous permettra de valider vos connaissances.
Je reste disponible dans le salon d'entraide pour répondre à vos questions sur Flexbox.
 

Pour en savoir plus sur Flexbox :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Théorie
Chapitre 2
Pratique
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Théorie
25m04
 
Leçon 1Comportement par défaut des contenus
Leçon 2Modification de la valeur de flex-grow
Leçon 3Beaucoup d'infos dans un contenu
Leçon 4Compréhension du rôle de flex-grow
Leçon 5Modification de la valeur de flex-basis
Leçon 6Modification de la valeur de flex-shrink
Leçon 7Compréhension du rôle de flex-shrink
Leçon 8Propriété raccourcie
Chapitre 2 : Pratique
18m46
 
Leçon 1Barre de navigation
Leçon 2Mise en page en colonne de type journal
Chapitre 3 : Conclusion
01m38
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
106
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 21/07/2023
Merci Carl pour ce tuto sur l'utilisation de flex-grow, flex-shrink et flex-basis, bien compris, c'est ultra-puissant. Il y a des subtilités à bien maîtriser, ensuite c'est que du bonheur. La mise en pratique a été très bien expliquée. Validé 100 % flex_avance
Carl Brison
Carl Brison
Merci beaucoup Alain ;-)
Apprenti-Sorcier
Apprenti-Sorcier
Publié le 18/01/2023
Merci beaucoup pour votre tuto qui est vraiment bien fait et super bien expliqué comme d'ailleurs tous vos tutos
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Valérie Arno
Valérie Arno
Publié le 27/10/2019
Des propriétés de flex que je ne connaissais pas et pourtant bien utiles et pratiques quand on sait s'en servir. Eh bien c'est chose faite ! Ravie d'avoir suivi ce cours. Merci Carl !
Carl Brison
Carl Brison
Merci à vous Valérie et à bientôt ;-). Carl.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source des applications

Payer plus tard

Prix d'achat : 14,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données