Divi Flexbox Design

Поділитися
Вставка
  • Опубліковано 26 сер 2024
  • 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...

КОМЕНТАРІ • 28

  • @LightJourneySpiritual
    @LightJourneySpiritual Рік тому +13

    Hi Mak where is the link with flexbox code ?

  •  7 місяців тому +3

    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;

  • @AsitAithal
    @AsitAithal Рік тому +8

    Flexbox cheatsheet link?

  • @delmaaurdettkirk4059
    @delmaaurdettkirk4059 Рік тому

    Flexbox is fantastic Mak. Looks quite simple as you're demonstrating the process. I like it!!

  • @RajShekhorcoder
    @RajShekhorcoder Рік тому

    Awesome... You have saved lots of time. Thanks, Mak

  • @knightride9635
    @knightride9635 Рік тому

    I used your last video to rework my header, thanks

  • @trustonweb
    @trustonweb Рік тому

    Thanks MAX! Wonderfull introductiont to FlexBox 🙂

  • @danielcooper4455
    @danielcooper4455 Рік тому +3

    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.

    • @Nanouk2021
      @Nanouk2021 Рік тому +1

      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.

    • @quakerotis
      @quakerotis Рік тому +1

      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.

  • @rpcr
    @rpcr Рік тому

    MAK. Thank you for that very informative and helpful video!

  • @johndonnellon5914
    @johndonnellon5914 Рік тому +2

    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!

    • @sitekrafter
      @sitekrafter  Рік тому +1

      I agree. I hope they add flex ox in Divi 5

    • @donaldteel3850
      @donaldteel3850 Рік тому

      Totally agree with you. Having the Flex code built in would be amazing.

  • @dr.earnest.ujaama
    @dr.earnest.ujaama Рік тому

    Thanks for sharing, Mak.

  • @SuffianAhmed
    @SuffianAhmed Рік тому +5

    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

    • @xman6104
      @xman6104 8 місяців тому

      yes, where is the link?

  • @cheeryvalley5981
    @cheeryvalley5981 7 місяців тому

    Really good. Thank you

  • @Phirebase
    @Phirebase Рік тому

    Nice tutorial, thanks a lot! Like. 👍🙏

  • @peggybarnes7136
    @peggybarnes7136 Рік тому

    Thanks!

  • @skmdfaysalislam1259
    @skmdfaysalislam1259 9 місяців тому

    how can i add button under text?

  • @jeremystewart7252
    @jeremystewart7252 10 місяців тому

    Hey MAK, thanks. Pls can you share the link of flexbox code. it's missing!

  • @Harlingenwebdesigns
    @Harlingenwebdesigns Рік тому

    What if you don't want to stack them on mobile but add them side by side?

  • @olsweb123
    @olsweb123 Рік тому

    please the link for the flexbox code is not working anymore sir

  • @zafit02
    @zafit02 Рік тому +2

    I hated divi so many clicks for easy things it’s frustrating