How can I create a responsive gallery?

[dehmos27]

I would like to create a responsive gallery that (1) dynamically changes its wrap count based on the screen size and (2) automatically adjusts its height based on the wrap count/number of items (e.g., TemplateHeight * COUNTROWS(Self.AllItems) ).

I would also like to ensure that the objects inside of the gallery do not exceed a max height/width, but I cannot figure out how to set the template width, only reference it. I tried the Template Size but think that only corresponds to the height value.

Any ideas? Seems like the solution is probably staring me in the face, but I'm having a tough go of it. Can't seem to find much online about gallery wrap/height for responsive design.