title: A modern image gallery: fluid or elastic?
body: <h3>cross posted (as suggested) from ux.stackexchange</h3>
  
  <p>I am new to UX and IA and everything about interface and solution design. I need to do a simple image gallery based on grids. I read about responsive design and media queries.</p>
  
  <p>Ok, in wide screen i have 7 columns grid, in laptop 5 columns, in tablet 3 and in smarthpone 1. This is pretty cool. I have done this with fluid layouts, using percentage for the width property. And I like this solution because it is flexible to all viewport size.</p>
  
  <p>But what about if a user change font size with "command +" or "command -" keys? If image width are with percentage the container size does not change, and images does not change either. The result is a little bit weird: everything is getting smaller but images does not changes (well, the margin changes, that is even weirder).</p>
  
  <p>But if I use em for width I obtain a no more fluid layout.</p>
  
  <p>How mix the two layouts?</p>