Divi Flexbox

In this video, I show you how to use Divi with Flexbox to create complex layouts.
Discover the power of Divi Flexbox in this comprehensive tutorial, where we'll unveil the secrets to creating stunning, intricate layouts without relying on columns. Dive into the world of Divi Flexbox and revolutionize the way you position and align modules on your website. By leveraging this cutting-edge tool, you'll not only achieve pixel-perfect designs, but you'll also boost your site's performance with faster loading times, thanks to reduced code usage. Don't miss this game-changing guide to mastering Divi Flexbox and supercharging your web design skills!

[tsgrunt]

Agree, Divi. Add Flex and Grid. We need nested columns and non-shortcode offerings.

Also, setting the width on the elements would cause that to happen in mobile devices, so the user would have to have media queries in place so the content stacks properly. Or can achieve it with clamps or hard set pixel sizing. This where grid becomes so much easier once ya get a grasp for it.

[matt.robinson]

Oh man...I haven't been to London in almost 7 years - but that was my favourite spot on the visit! Thanks for picking that picture!

[hleet]

You are a lifesaver man ! It's a very very cool feature to implement into divi custom CSS.
I don't understand other people who are spitting on divi theme, hey guys, it WORKS ! just put your hands into code that's it !
If you think your website is slow, what about trying another hosting ? There's cache plugin too for wordpress. Anyway, great stuff !

[simonsureshwarayoga]

Elementor has that now with its container settings, I wish divi had that too. And they are going to add AI gpt4 to their builder. that's what we need in divi too.

[darndarn]

Nice one👍👍 I have been trying to get the blurb module to do something like this but keep getting white space around the image. This looks like what I need 👍

[ronwertz]

Also, I don't even using the Divi theme anymore, just the builder with a bare bones starter theme.

This way I can overwrite all the baked in Divi antiquated CSS with modern best practices.

[rahulpawar]

thanks for tutorial....Can you make tutorial on how to use DIVI for creating web stories?

[armandogutierrez]

Very nice layout and creative, thanks

[cerpa-web-designs]

It's not flex-direction: vertical;
It's flex-direction: column; (or row, depends your needs)

[ideasonline]

This is a great tip. Thanks for sharing :)

[jamesdavis]

Come on Elegant Themes. Flexbox should be a high priority for you.

[CaptainSugarFree]

Do you know if this is something Elegant Themes is working on?

[lambertfourie]

I'm having an issue on my site with this. I have 6 modules which I want to display below eachother. then I want to display another module (image) to the right. When I do this, the line divider (modules) dissapear and the image also dissapears. Am I doing something wrong?

[chrisbaylis]

I mostly use oxygen.. My partner prefers divi. I like divi, but miss flex and grid, of course I do it this way... Hard road to find the perfect builder...

[wzt]

Divi is so backward in layouts settings its disheartning...stiil waiting on that column width and grid layouts settings in the builder...😅

[ronwertz]

Here's the big question.... why is Divi so far behind in baking flex and grid into the builder?

Avada, elementary, block themes etc are all already doing this.

It's the main reason I'm using less Divi... its outdated

[TaufiqNazli-ygek]

We don't need all this, we need grid layout/column/etc. It's almost version 5 why still not have that. Other platform already have all that and almost to AI generated.