Responsive Web Design Question - 3 images with text underneath question

[radderfire]

Hi Guys

What is the best/simplest way to build this with a responsive design:

- On desktop I want a row of three images, each 200 pixels wide by 266 pixels high. Beneath each image I want caption text.

- On mobile browser 320 pixels wide, the images will just be in a column, each with caption text under each one.

I am just trying a ul now, but I am having problems on desktop as if the first li has none or little caption text, then the caption text from the second image will slip underneath the first. How do I stop this?

Thanks

 

[radderfire]

Thanks for that. I will have to have a think about exactly what browser support I need.

 

[radderfire]

Thanks for your help with this.