But de cet article: Créer des containers, des objets à l’intérieur, et de les organiser et les personnaliser avec différentes grandeurs et positionnements.
Cette première ligne a été composée avec un conteneur Flexbox en deux parties: ce texte ici et une images à droite tirée de la médiathèque. J’ai mis un arrière plan de #EEEEEE pour les deux.
Ci-dessous j’ai d’abord créé un container en 4 parties (donc 4 containers de dimensions égales).
En utilisant le navigateur à droite, j’ai copié ces 4 containers et les ai déposé dans le premier. On se retrouve alors avec 7 containers et j’ai ai déposé dans chacun l’image ci-dessus. Je n’y ai apporté aucune personnalisation. Si on passe en mode Smartphone toutes les images seront bien placées verticalement.
Je duplique ce container de 7 containers pour y apporter des adaptations. Pour le grand à droite: Modifier Container et Justifier le contenu Center! Ensuite je remplace le dernier container en bas à droite avec deux nouveaux verticaux et joue avec les positions. Parfois il faux effacer les couleurs de fond!
Avec des bords et #FFFFFF pour l‘Arrière-plan ici!
On ira sur Avancé et Bordure. On mettra Continue et une largeur de 2 ici.
Pour l’espacement on ira sur Mise en page et Marge interne de 4 ici.