Grid

Le module de grille est géré avec la propriété CSS Flexbox. Elle permet de créer des mises en pages simples et avancées.

Simple

La classe de base se nomme "wpeo-grid". Les classes "grid-1", "grid-2", "grid-3", "grid-4", "grid-5", "grid-6" définissent le nombre d'élément par ligne.

Element 1
Element 2
Element 3
Element 4
Element 1
Element 2

Avancé

Le module permet de créer des affichages plus complexe en ajouant des tailles aux blocs enfants.
Par exemple, ajouter la classe "grid-2" permettra au bloc de faire 2 fois sa taille. "grid-3" lui permettra de faire 3 fois sa taille, etc...

Nous pouvons dire que chaque bloc a, par défaut, la classe "grid-1"

Element 1 (.grid-1)
Element 2 (.grid-3)
Element 3 (.grid-1)
Element 4 (.grid-1)
Element 5 (.grid-1)
Element 6 (.grid-1)

Note : sur une grille de 3 blocs. Un bloc ne peut pas faire plus de 3 fois sa taille, car il dépasserait les 100%. les classes "grid-4" et plus ne fonctionnent pas sur le bloc dans ce cas-là.

Padding