En cliquant sur "Accepter tous les cookies", vous acceptez que des cookies soient stockés sur votre appareil afin d'améliorer la navigation sur le site, d'analyser l'utilisation du site et de contribuer à nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.

Le Flexbox Gap, le nouvel outil Webflow

Image d'illustration formes 3D
Temps de lecture : 3min

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.

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.