Centering a variable-width grid after resizing the page

Question

Here is an image of what I want to do in CSS: image.

Any ideas?

Answer 1

Being too lazy to implement Media Queries (and the multiple scenarios to account for), I implemented a simple solution. Put the images in an unordered list (where li {display: inline-block}) and then (text-align: center) the wrapper. Adjust your margins etc. later to make it pretty.