Adjust gap space between elements in Flexbox layouts

Books with white covers can also scare you before you even pick the book up off the shelf.

Webflow
Adjust gap space between elements in Flexbox layouts

Today, designers have to include extra margin or padding when using the flex layout to establish the spacing between their elements on the canvas. This process is time-consuming and challenging to get right because you have to wrap and adjust the margin for each element in the layout. Although CSS grid is an optional layout for users, it can be considered overkill for one-dimensional (1D) layouts.

Starting from today everyone can now adjust the gap of a CSS flex layout from the layout section of the Designer, exactly like you would with CSS grid.

Control the space between columns and rows in the flex layout.
Control the space between columns and rows in the flex layout.

For more details on how to easily apply gap when using the flex layout, check out the newest article on Webflow University. If you need a quick refresher on the similarities and differences between flexbox and CSS grid to know what to use and when – head over to Webflow University page for a quick tutorial.

‍