Les cellules sont les briques de base des grilles de section.Elles définissent où les éléments peuvent se placer et garantissent que le design reste cohérent quand l’écran change (desktop, tablette, mobile).

Dès qu’une section contient plusieurs zones (texte + image, colonnes, blocs distincts), les cellules deviennent indispensables.

Comment ajouter et utiliser des cellules efficacement ?

1. Sélectionne une section

2. Active une grille de section (lignes / colonnes)

3. Place les éléments dans les cellules, pas “en flottant”

Cellules ou conteneurs : comment choisir ?

Cellules : Adapté aux designers débutant, vous faites un site au design simple, et la version mobile ne sera totalement différente de l'ordinateur ce qui suffit dans 80% des cas d'usages.

• Vous pouvez échanger l'ordre des cellules sur tablette et mobile sans impacter l'ordinateur en cliquant sur le carré bleu avec les 4 points.

• Vous pouvez passer de "colonnes" à "rangée".

Conteneurs : En coupant le conteneur comme un tableau avec la grille css ( 2X2, 4X6, 8X3) de manière distincte sur tous les points de rupture, vous pouvez personnaliser totalement en passant un texte ou une image d'une case à l'autre ( alors qu'elle est bloquée dans une cellule) et rendre fully responsive un site même avec une mise en page complexe. Cette technique demande un peu plus de pratique que les cellules.

Impact des cellules sur le responsive

Les cellules facilitent énormément le responsive si la grille est bien pensée dès le départ.Une mauvaise structure de cellules entraîne des décalages, chevauchements ou ajustements manuels inutiles sur mobile. Elle sont simles à comprendre et suffisantes pour rendre responsive un site dont la mise en page n'est pas trop complexe.