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.
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.
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"
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à.