Webflow news : le flexbox GAP

News
March 20, 2023
3 min
Flexboxgap fonctionnalité dans Webflow
Points clés de l'article

Voilà près d'un mois que Webflow a introduit le " flexgap " dans le Webflow Designer.

Le flexgap permet d'ajouter des marges horizontales et verticales entre les éléments, comme un grid, mais dans une flexbox !

Alors... est-ce la fin des grids ?

Flexbox vs Grid

Je suis depuis longtemps un grand fan de l'utilisation des GRIDs dans Webflow... mais cette nouvelle fonctionnalité vient redistribuer les cartes.

J'aimais bien utiliser les grids pour assurer une répartition équilibré entre mes éléments et facilement les rendre responsive en ajoutants ou supprimants des colonnes mais..

Les nouveaux cas d'utilisations de la Flexbox

J'ai rencontré jusqu'à présent deux cas d'applications qui me permettent d'accélérer la vitesse de développement ou de limiter l'empilement des DOM dans Webflow grâce à cette nouvelle fonctionnalité d'espacement flexbox :

  1. Remplacer la <!-- fs-richtext-ignore --><div> margin + direction dans la méthodologie de développement client-first
  2. Remplacer un grid par une flexbox et organiser le responsive mobile avec la direction horizontale ou vertical

De plus... Cette nouvelle version de la disposition flexbox me semble beaucoup plus simple à utiliser qu'une grille pour un client qui n'est pas familier avec Webflow.

Conclusion

Mes premiers tests de cette nouvelle fonctionnalité de flexbox gap m'encourage donc à l'utiliser de plus en plus souvent et à re-challenger ma façon de construire dans Webflow. Le Flexbox Gap vient compléter l'arsenal de Layout CSS proposé par une flexbox, qui couvre maintenant à mon avis, 360° des besoins en termes de webdesign.

Je pense donc que nous pouvons donc, nous attendre, à voir le flexbox gap se démocratiser dans les sites développés avec le CMS Webflow.

À suivre...

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

A woman speaks on stage at a conference, wearing a headset microphone. Behind her, a large black screen displays the question “What then?” in bold white text.
Evénements
Webflow

Digidop participe à la FLOWconf 2025, le plus grand événement Webflow & marketing d’Europe.

Digidop participe à la FLOWconf 2025, le plus grand événement Webflow & marketing d’Europe.
Aperçu visuel de plusieurs typographies modernes utilisées sur le web en 2025, chacune présentée sur une image de fond inspirante : Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, et d’autres — une composition graphique mettant en avant la diversité typographique.
Documentation
Design

Les 20 meilleures typographies pour un site web moderne et impactant en 2025

Les 20 meilleures typographies pour un site web moderne et impactant en 2025
Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

Mon top 7 des meilleures agences Webflow en 2025 (avis d’un fondateur d’agence)

Mon top 7 des meilleures agences Webflow en 2025 (avis d’un fondateur d’agence)

Transformez votre site web en un moteur de croissance.

Nous contacter