Récemment, Webflow a ajouté un nouvel outil sur son interface : le Flexbox Gap. Cet outil permet d’ajouter des marges verticales et horizontale aux éléments, grâce à une flexbox.
Et les grids ?
Les grids permettent une répartition équilibrée entre tous les éléments mais va aussi permettre de rendre ces derniers plus adaptatifs au support en ajoutant ou supprimant des colonnes.
Le Flexbox Gap va donc remplacer les grids ?
Comment utiliser la Flexbox ?
Aujourd’hui, il y a deux manières d’utiliser la Flexbox pour accélérer la vitesse de développement ou encore de limiter un empilement de DOM.
- Changer le <div> margin et la direction dans la méthodologie de développement client-first.
- Changer un grid par une Flexbox, puis mettre en place le responsive sur mobile en vertical ou en horizontal.
Pour une personne novice sur Webflow, cette Flexbox est plus simple à prendre en main qu’un grid. Un bon point pour Webflow, qui permet de compléter à 100% les besoins dans le domaine du webdesign.
.png)