pixel facebook
 

Html-Css | Flexbox - Positionnement

Ce que vous allez Apprendre

Première partie de la formation sur les FlexBox.

On aborde la théorie en listant les différentes propriétés intéressantes pour réaliser une mise en page responsive, en HTML et CSS, grâce aux FlexBox.

 

En effet le positionnement des éléments dans la page est toujours un véritable casse tête lorsque l'on doit prévoir l’affichage sur plusieurs types d'écrans.

En appliquant Le système du display:flex sur les éléments parents, nous avons la possibilité d'agir sur tous les éléments enfants.

Cette propriété CSS nous offre l'occasion d'agir sur les 2 axes (Horizontal ou Vertical), grâce au justify-content ou au align-items. Ceci afin de répartir les éléments du DOM dans notre mise en page.

Pour Aller Plus Loin
Je suis intéressé(e)
par ce chapitre

Télécharger le pack "Sources et Exercices"

Vous y trouverez :

  • L'explication du système des axes pour les Flexbox.
  • La possibilité d'utiliser les fichiers sources de la vidéo. Ceci afin de faire les exemples, en même temps que le visionnage de la formation.

Prix = 2 €
Hors Taxes


Commentaires 1


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés

Jacques - 26/07/2018 18:10:07

Comme quasiment toutes les vidéos de ce site celle-ci est un modèle du genre au niveau pédagogique. Une progression régulière, des explications claires, une diction parfaite, un enregistrement de qualité. Ces vidéos donnent des idées et vraiment envie de créer son propre site. Toutefois la mise en ligne d’un site chez un hébergeur doit demander encore de nombreuses heures de travail.


Un grand merci donc au(x) concepteur(s).


Jacques