-1

Is there any solution for making such boxes fluid responsive ?

responsive blocks with different content type

The problem that I face is while the width of the window changes the first column (which includes the first block with text) gets a higher height and then it becomes something like this: (at a different size but in this sketch I kept the same aspect in order to see it

enter image description here

Are there any tricks for this?

UPDATE:

The height of the blocks is not fixed

el.severo
  • 2,202
  • 6
  • 31
  • 62

1 Answers1

1

I don't fully understand what you mean, but perhaps:

overflow: hidden;

This will make that you can't see the text that not fits in the window, so doesn't affect the height.

EDIT: Auto-size dynamic text to fill fixed size container

Community
  • 1
  • 1
Vision
  • 110
  • 1
  • 7
  • The thing is I want to rescale the font size and adapt the height of the blocks based on my first block. I thinking to a jQuery hack here... – el.severo Jul 26 '13 at 15:19
  • And the thing is I don't have a fixed height size, which means that is fluid :) – el.severo Jul 26 '13 at 15:20
  • @el.severo You can also try "text-overflow:ellipsis", it will hide the text and replace it with "..." – Vision Jul 26 '13 at 15:23