Height problem

• 

  moshekahol · Member · Nov 6, 2016 at 9:55 pm

  • Copy link
  • Add topic to favorites

  Hi, I created a testimonial area with some kind of “whatsapp testimonials” as you can see here (scroll the page to the middle) https://kahol.co.il/

  The challenge I’m facing is that in some screen sizes the testimonials aren’t in the same height as you can see in this screenshot (I marked the space in red) https://kacholcoaching.files.wordpress.com/2016/10/height-problem-testimonials.png

  I really want to make the testimonials “responsive” – it seems that because one of them is longer so the height is diffrent. How can I make them take the same height even if the content length inside of them is diffrent?

  thanks alot!
  Moshe

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 9, 2016 at 2:30 am

  • Copy link

  We can set a minimum height on those containers. 280px seems to be about the right height. Less that that and there are some screen widths where there is a difference.

  .conversation .conversation-container {
      min-height: 280px;
  }