Equal height divs in bootstrap

Discussion in 'CSS' started by sarahk, Sep 21, 2023.

0
  1. #1
    I've got a site that uses bootstrap. One of the pages has this layout on desktop:

    upload_2023-9-22_17-36-22.png
    and this on mobile:

    upload_2023-9-22_17-37-21.png
    Because the text blocks aren't on the same row it's not obvious how to force them to be the same height. Do I need to place the images twice and use the bootstrap breakpoints to control when they're shown?
     
    sarahk, Sep 21, 2023 IP
  2. hanoidesign

    hanoidesign Well-Known Member

    Messages:
    61
    Likes Received:
    5
    Best Answers:
    1
    Trophy Points:
    108
    #2
    How about using `min-height` for text blocks?
     
    hanoidesign, Sep 22, 2023 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Well, you probably know my opinion on this one.
     
    deathshadow, Sep 24, 2023 IP