I need to create a page that looks like the attached mockup.
Note that the first row has 3 shoes, the second row has 1 shoe, the next row has 4 shoes
There will never be more than 4 shoes in a row.
When the browser narrows I would like the images to be adjusted accordingly.
For example when the browser is viewed on a tablet in Portrait mode, the row with 4 shoes would split into two rows, etc, etc.
Finally with just 1 shoe per row when it is viewed on a cell phone.