Dynamic Responsive Grid Display

Part of the new tdwi.org was for me to develop a dynamically powered responsive grid display. With the power of jquery I was able to manipulate the order of sitecore content lists to be displayed in a new combined list format with the desired attributes, thumbnails, labels and links. The grid was also designed with a responsive layout collapse so it could be displayed on all devices.

Desktop Full Grid View
Four Column Desktop Grid View

Reduced Screen Grid  Display
Three Column Grid View

Tablet Grid View
Two Column Grid View

Mobile Slideshow Grid View
Mobile Grid View with slide and dot navigation