Un exemple pour Elementor Flexbox Container

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.