vidéo responsive

Options sur des vidéo :

Exemple

Taille:

1.  Responsive
2. Fixed Size

 ×  pixels

Couleur:

Intro:

Portrait Titre Signature

En action

Cinéma 1900 : Magie & technologie (02/10) : Les lieux de tournage du premier cinéma en France, cartographie et contextualisation from La Cinémathèque française on Vimeo.

vidéo non responsive

Cinéma 1900 : Magie & technologie (02/10) : Les lieux de tournage du premier cinéma en France, cartographie et contextualisation from La Cinémathèque française on Vimeo.

TP

Lecture :

L'article de Mozilla sur les concepts de base ( ici ⇨ )

Création 

Nous allons commencer à mettre en place un FrameWork "flex".

flex : justify-content: space-evenly;

Pour séparer des blocs d'une même distance on utilise la propriété

justify-content: space-evenly;

Test

Dans le fichier test ( ici ⇼ )

Ecrire  :

.conteneur {
display : flex; justify-content: space-evenly; }