Flexbox CSS - Le guide complet par la pratique

Apprenez à utiliser le module Flexbox Layout en CSS3 pour créer des sites web responsive plus simplement !

Ratings: 4.42 / 5.00




Description

A la fin de cours vous serez capable de...

  • Aligner vos éléments verticalement

  • Créer une galerie / grille moderne

  • Répartir correctement l'espacement

  • Rendre tous vos sites responsives

  • et bien plus !

 

Vous aurez accès à :

  • Une F.A.Q où je répondrai à tout(es) vos questions / problèmes

  • 5 projets (challenges) où vous serez mis à l'épreuve pour appliquer vos nouvelles connaissances (+ la correction pour chaque projet)


Dans ce cours, nous verrons le module Flexbox dans son intégralité :

Comprendre toutes propriétés du Container :

  1. flex-direction

  2. justify-content

  3. align-items

  4. flex-wrap

  5. align-content

  6. flex-flow

Puis toutes les propriétés des items :

  1. order

  2. flex-grow

  3. flex-shrink

  4. flex-basis

  5. flex

  6. align-self

Nous irons même plus loin avec les media queries qui nous permettrons de rendre nos sites responsives (adapté sur ordinateur, tablette et smartphone)

A la fin de ce cours, vous serez capable d'écrire du code CSS plus propre et plus professionnel.


BONUS : Vous aurez accès à un PDF récapitulatif avec des schémas simples et clairs !

What You Will Learn!

  • Utiliser le module Flexbox Layout
  • Créer des sites Responsive
  • Aligner horizontalement & verticalement
  • Ecrire du CSS plus efficacement
  • + 5 projets pour s’entraîner

Who Should Attend!

  • Développeur / intégrateur web qui cherche à améliorer la qualité de son code
  • Designer qui souhaite gagner en efficacité et en productivité
  • Quiconque voulant maîtriser le module Flexbox en CSS3