[Resolved] Equal height grid column

Home Forums Support [Resolved] Equal height grid column

Home Forums Support Equal height grid column

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #376017
    Chad Biggs

    How would be best way to use the unsemantic grid to create equal 2-column height?

    -Chad

    #376154
    Leo
    Staff
    Customer Support

    Hi Chad,

    You actually can’t with the unsemantic grid. Flexbox is required in this case.

    If you google “css flexbox equal height columns” there should be lots results.

    Here is one of them: https://codepen.io/imohkay/pen/gpard

    #376359
    Chad Biggs

    Ok, thank you.

    #376362
    Leo
    Staff
    Customer Support

    No problem!

    #376595
    Chad Biggs

    Well, that was the easy.

    #376778
    Leo
    Staff
    Customer Support

    Awesome 🙂 Thanks for reporting back!

    #874503
    George

    Hi, trying to figure out how to fix a problem with 3 col that were equal height before I added borders and shadow.

    Client wants rounded corners.

    Once I added borders, shadow, the first col becomes larger than the other two?

    http://devwelladvised.wpengine.com

    Haven’t found solution in forum yet.

    Thanks.

    #874590
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    It looks like you’re using Elementor. Do their columns have an equal height option?

    #874592
    George

    I will go in and check Elementor. I’ve been doing everything so far through the Generatepress editor. I have the columns the same when the screen is expanded.

    But the columns are different in size when I pinch in until they mobile break points.

    Again, I’ll check. Thanks!

    #875001
    Tom
    Lead Developer
    Lead Developer

    No problem!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.