15,00

Tuto Flexbox Avancé : flex-grow, flex-shrink et flex-basis avec CSS

15,00

  • Une formation vidéo de 45m28s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Flexbox Avancé : flex-grow, flex-shrink et flex-basis

ajouter ce cours aux favoris retirer ce cours des favoris

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 :

Table des matières de cette formation CSS (durée : 45m28s)

  • Théorie
    • Comportement par défaut des contenus 00:06:31
    • Modification de la valeur de flex-grow 00:04:19
    • Beaucoup d'infos dans un contenu 00:01:43
    • Compréhension du rôle de flex-grow 00:03:20
    • Modification de la valeur de flex-basis 00:03:02
    • Modification de la valeur de flex-shrink 00:02:29
    • Compréhension du rôle de flex-shrink 00:02:52
    • Propriété raccourcie 00:00:48
  • Pratique
    • Barre de navigation 00:12:26
    • Mise en page en colonne de type journal 00:06:20
  • Conclusion
    • Conclusion 00:01:38



Formateur : Carl Brison

Carl Brison a publié 292 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 281 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 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
Parcours Developpeur Front End
accédez à plus de 1401 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données