Use Display Flex to Place Divi Modules Side-By-Side

This video is a tutorial from a few months ago that I taught on Darrel Wilson's channel. It uses a different method to stack Divi modules which include using the Display Flex CSS attribute to stack everything within one row. This is useful when you would like two buttons side-by-side or if you have a variety of modules you'd like to place next to each other within one row.

ORIGINAL VIDEO ON DARREL'S CHANNEL:
__________________________________________

🎨 SHOP MY ETSY STORE!
__________________________________________

🎓 ACCESS MY COURSE ON UDEMY!
___________________________________________

⭐️ EXTRA RESOURCES ⭐️
✅ Need help coming up with headlines for your creative content?
Get my FREE guide, Ten Simple Formulas To Write Better Headlines, to help you craft the perfect headlines for your emails.

✅ Looking to build a website?
Get my FREE Building a Website Checklist for tips on laying out and creating your site.

👉 Check Out My Recommended Website Design Resources:

*Affiliate Disclaimer:
Note this description contains affiliate links that allow you to find the items mentioned in this video and support the channel at no cost to you. While this channel may earn minimal sums when the viewer uses the links, the viewer is in no way obligated to use these links. Thank you for your support!

#MichelleTheCreator #DiviTutorials #WebDesign

[freedompreacher]

Excellent video. Short, to the point, and no annoying "music" making it hard to hear. Thanks!

This is definitely the kind of challenge I am sure I will face at some point. I don't think I would have thought about adjusting gutter width in a million years. I do, however, use the browser developer tools extensively so maybe I would have eventually figured it out as you did. So thanks for saving me that aggravation.

Thanks again for the tips. I will subscribe and see what else you figure out! As a recent lifetime Divi user, I am sure I will run into more of those situations you mention where you just can't get what you want with the built-in options. I do know css pretty well so I am up for it.

[RalfTenbrink]

This is the first tutorial that looks at the mobile view as well and explained in detail the diffent solutions. Thanks very much.

[wilkinscreative]

I have been messing around with css/dev tools for hours trying to figure out where the extra spacing was coming from when aligning modules! - Gutter width!!!! - Thank you

[robfr]

Thank you so much, i thought i was going to turn crazy at some point !

[imitech]

This was amazing.
I don't think divi implement flexbox UI design settings very soon. I appreciate you teaching us how we can implement flexbox more and more

[kuma-lk]

Great...this was a live saver for me...thank you for sharing.

[shrimpinpat]

My two items an image and a text aligned to the sides of their row not in the center?

[Floatnride]

Perfect, I want to do this on mobile and not desktop. Will try today

[shastaedc]

The thing about the gutter width was what I needed. Is that a bug or something you think?

[kristinlundell]

Is there a tutorial do stack text top to bottom in a section??

[erling]

Just wondering why you dont use display: inline-block;