I have a question about dynamic scaling of images within a div
container, I'm building a portfolio website which have 3 col's of project images all scalable in width but static in height (e.g. div
container => Width 33.33334% : Height 250px).
I've puzzled around with different CSS ideas but the layout always breaks since the images differ in dimensions as well as the container. I'm not that skilled in CSS nor JS and now I'm kind of stuck looking for some advice firstly where to look for an solution, perhaps some code ideas/snippets or even better examples/API's etc.
I've made an small example of where I am now, as you can see one of the images is smaller due to it's dimensions and the layout is broken.
jsfiddle example: jsFiddle example
I'm sorry I can't be more precise on what this image scaling technique is called since I honestly don't know, which again gives me a headache googling it.
best regards Mads