In this tutorial, I’ll show you how to center align 5 elements, using the Flex-wrap with Kadence Blocks.
Here’s a preview of the end result
How is built
Below, you can find the settings: flex-basis doesn’t work, and instead I applied the width to the element. It can be used with any other elements.
Video explanation: screenshot of Kadence Blocks, showing the setup in order to achieve the 5 elements centered.
The same output can be achieved using 2 rows, where the 2nd one has 2 columns and a smaller width:
