I have a row of images and product descriptions. It looks like this:
The image on the right obviously has a smaller height than the two preceding it. I'd like to make it look more like this:
But I'm at a bit of a loss as to how. Here are the caveats:
- I don't know the dimensions of the images in advance, these are being called in via AJAX from my database
- I'm using
Bootstrap, if that has any bearing here.
- This is built using AngularJS'
repeatequals one 'product', as in the images above. Thus creating a
<tr>which contains the row of images and simply giving them
vertical-align="middle"won't work here.
Any ideas/solutions? I'd gladly display them in a table if it were possible but I can't think of a way how.