Last Page Responsive

The Store page responsive styling is finished, this is also the last page of the site to be made responsive. 

Under 1200px:

The only change here is to push the content to the middle for spacing.


Tablet Landscape:

Once again no changes to the content only it is pushed to the middle for spacing.


Tablet Portrait:

For tablets the images have all been resized from 300x300 to 250x250 to allow for the smaller screen size. Originally I tried to layout the tiles in 2 by 2 vertically but there was some problem and it wouldn't work, to avoid running out of time on the project I opted instead to simply resize the images and keep the 3 by 3 layout.

Smartphone:

For smartphones the tiles are reverted back to their original 300x300 size and are placed one by one on the screen.