La grille Elementor pour designer vos pages
Une page Elementor suit une grille.
La grille Elementor c’est la trame de votre page.
Elle reflète l’organisation des éléments et des différentes parties qui la compose.
Il est essentiel de bien maitriser la grille Elementor pour construire efficacement vos pages.
La grille Elementor est donc partie intégrante du webdesign et également du responsive mobiles et tablettes de votre site.
La grille Elementor
Dans une grille Elementor on va retrouver 3 éléments :
- Les Sections Elementor : En violet sur l’image
- Les Colonnes Elementor : En jaune sur l’image
- Les Sections Internes Elementor : En rose sur l’image

Les Sections Elementor
Les sections sont un passage de votre page.
Les sections sont les unes au-dessus des autres et elles construisent votre page.
Sur Elementor elles sont représentées par le contour bleu ciel :

Une section prend toute la largeur définie par le modèle de la page.
Et une section a un fond d’arrière-plan.
A l’intérieur de la section se trouve tous les Elements colonnes et Widgets :

A l’intérieur des sections on trouve les colonnes :
Les colonnes Elementor
Les colonnes se trouvent systématiquement à l’intérieur des sections.
Sur Elementor elles sont représentées par l’icône et contour gris :

Les colonnes s’alignent les unes à côté des autres :

Et en responsive mobile, elles s’alignent les unes au-dessus des autres :

Les colonnes peuvent contenir deux éléments :
- Les Widget : Textes, images, icones, etc.
- Des sections internes