Webflow news: the flexbox GAP

News
March 20, 2023
3 min
Flexbox gap feature in Webflow
Key points

It's been almost a month since Webflow introduced the "flexgap" in the Webflow Designer.

The flexgap allows you to add horizontal and vertical spacing between elements, similar to a grid, but within a flexbox !

So... is this the end of grids?

Flexbox vs Grid

I've long been a big fan of using GRIDs in Webflow... but this new feature is reshuffling the deck.

I appreciated using grids to ensure a balanced distribution of my elements and easily make them responsive by adding or removing columns, but..

New Use Cases for Flexbox

So far, I've encountered two practical applications that allow me to speed up development or reduce DOM nesting in Webflow thanks to this new flexbox spacing feature:

  1. Replacing the <!-- fs-richtext-ignore --><div> margin + direction in client-first development methodology
  2. Replacing a grid with a flexbox and organizing mobile responsiveness with either horizontal or vertical direction

Furthermore... This new version of the flexbox layout seems much simpler to use than a grid for a client who is not familiar with Webflow.

Conclusion

My initial tests with this new flexbox gap feature encourage me to use it more frequently and to rethink my approach to building in Webflow. The Flexbox Gap enhances the CSS layout arsenal offered by flexbox, which now, in my opinion, covers 360° of web design needs.

I believe we can expect to see the flexbox gap become mainstream in websites developed with the Webflow CMS.

To be continued...

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

black and white photo of a digital marketing expert from behind presenting a communication project on his computer to a customer.
News
SEO

The 10 Best Digital and Communication Agencies for Finance Professionals in 2025

The 10 Best Digital and Communication Agencies for Finance Professionals in 2025
2025 SEO Stats
Documentation
SEO

SEO Trends 2025: 20 Stats to Boost Your Search Rankings

SEO Trends 2025: 20 Stats to Boost Your Search Rankings
A 3D shiny diamond with “Site of the Day” written in the background and four awards displayed in the front.
Storytelling
Digidop

Awards & Distinctions: Digidop.com recognized by Prestigious Organizations

Awards & Distinctions: Digidop.com recognized by Prestigious Organizations

Want to turn your website into your most valuable asset?

Contact us today