How to solve common Card Alignment Issues with CSS flexbox in Bricks Builder

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 19

  • @DesignwithCracka
    @DesignwithCracka  Рік тому +10

    Update: Instead of using flex-grow:1 for the product title, you could set the margin bottom to auto and get same result.

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

      Keep learning with you.

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

      Great to know. That's what I assumed while watching, should work as well 🙂.

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

    Ah man you can't emagine how many times I struggle with this. Probably solved it at some point but than forgot it and have to do it all over again. This one made it all clear. Thanks a lot

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

    Not enough people talk about longer titles and alignment of sub elements. Great video

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

    This is a great tutorial! 😊

  • @mohamadmanafi-u9g
    @mohamadmanafi-u9g Рік тому

    thanks so much for your kind guides

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

    awsome solution thanks alot

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

    Very helpful tut Cracka!!! Thanks for sharing

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

    Great work, more Bricks Tutorials!

  • @Lerklinten
    @Lerklinten 11 місяців тому

    Great video as always- I had that exact issue!

  • @nuclear6753
    @nuclear6753 11 місяців тому

    It's been 3 years and every time i've built cards i ended up with exact issue, thank you a lot😂😂😂😂

  • @Nima-Norouzi
    @Nima-Norouzi Рік тому

    As usual very useful.
    Please more bricks tutorials 🙏

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

    Nice short video tips for brushing up on our CSS… subscribed! I have also had a quick look at sub grid recently but not sure that addresses all the layout options deomonstrated here.

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

    Great video 👍

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

    Great video! Very useful information.

  • @svetlanaklinova4876
    @svetlanaklinova4876 6 місяців тому

    I didn’t get the point of the problem: in my understanding, if you need the alignment & position the prices, simply put price line & button into the container and then position this container. Quick & easy solution