Divi Flexbox Design
Вставка
- Опубліковано 9 лют 2025
- In this video, i show you how Divi Flexbox Design works.
Divi Theme Builder - funnelstoincom... (Includes BONUS Course)
Access Divi Flexbox here diviuniversity...
* * * Buy any of the products and get FREE Course BONUSES to get you started fast! ****
🔥 Best WordPress Hosting
SiteGround -- funnelstoincom... (SAVE 70%)
FlyWheel Hosting -- funnelstoincom...
🔥 Divi Theme Templates
Design Beautiful Blogs In A Few Clicks funnelstoincom...
Design Divi Websites Faster, Buy The Genesis Template funnelstoincom...
🔥 Online Business Books & Training
One Funnel Away Challenge - funnelstoincom...
FREE Traffic Secrets Book - funnelstoincom...
Affiliate Bootcamp - funnelstoincom...
Experts Secrets Book - funnelstoincom...
😍 Recommended Plugins / Services
Convertkit -- funnelstoincom...
MailPoet - funnelstoincom...
TubeBuddy -- funnelstoincom...
SkillShare- funnelstoincom...
ALL THE GEAR THAT I USE.
funnelstoincom... - Навчання та стиль
Hi Mak where is the link with flexbox code ?
Flexbox is fantastic Mak. Looks quite simple as you're demonstrating the process. I like it!!
Thanks!
Thank you so much :)
Flexbox cheatsheet link?
Awesome... You have saved lots of time. Thanks, Mak
Thanks MAX! Wonderfull introductiont to FlexBox 🙂
MAK. Thank you for that very informative and helpful video!
I used your last video to rework my header, thanks
Really good. Thank you
Nice tutorial, thanks a lot! Like. 👍🙏
flex code from transcript...
display:flex;
flex-direction:row;
flex-direction:column;
flex-direction:row-reverse;
flex-direction:column-reverse;
flex-wrap: nowrap;
flex-wrap: wrap;
flex-direction: wrap-reverse;
justify-content: flex-start;
justify-content: flex-end;
justify-content: center;
justify-content: space-between;
justify-content: space-around;
align-items: flex-start;
align-items: flex-end;
align-items: center;
row-gap: 10px;
column-gap: 20px;
gap: 10px;
Thank you very much!
How can I overlap one module with another, for example I have an image and text, need to overlap the text over the image??? We need more complex flex tutorial for divi. Thank you
Thanks for sharing, Mak.
how can i add button under text?
Hello MAK, can you share the link of flexbox code. and can we use that custom code in our existing project so that we can just call the as drop down instead of copy and paste. hope divi will implement the same. thanks
yes, where is the link?
Hey MAK, thanks. Pls can you share the link of flexbox code. it's missing!
What if you don't want to stack them on mobile but add them side by side?
please the link for the flexbox code is not working anymore sir
It's nice that you can do this but honestly it looks like a ton of clicks, having to open up the advanced tab every time you edit. And keeping track of which modules have percentages on which screen size. It just looks like it would be very confusing for my everyday workflow to do this. If Divi had a more friendly way to incorporate flex I would be more interested.
You can add the percentages as css as well. Also you can save custom css blocks in the divi cloud. Way less clicks will be necessary like this.
You can create library snippets for common layouts. There are not many variations. In that way, you can call them from the library as needed.
It's very surprising to me that Divi has not added flex to it's basic layout options. I'm a long time Divi user, but it feels like they are falling way behind on this. There should be single click options for adding all of these flex layouts!
I agree. I hope they add flex ox in Divi 5
Totally agree with you. Having the Flex code built in would be amazing.
I hated divi so many clicks for easy things it’s frustrating
WTF...yeah just go learn HTML and CSS...and good luck
Get generatepress and generate block. Kadence is not bad too