Grid Gallery populated by CMS

Design help General
1

Hello, my objective is to populate a grid with images from cms.

Problems:

  1. I want the grid to use grid areas.

  2. I also want the grid to be populated with all the items but to display only a set number of items according to screen resolution.

Each Grid item is a lightbox and the have been grouped together.

So even though a limited no. of images are displayed in the grid, the user has the option to scroll through all of them in lightbox.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

This is how i want it to look like using grid areas →

Capture
Capture2560×542 135 KB

This is how it currently looks

Capture
Capture2560×529 174 KB

Also each cms page has a different number of images if that matters.

2

Hi

Check out this lesson

Still have question let me know.

3

grid areas do not work when grid is populated by cms.