Grid Gallery populated by CMS

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


  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 →

This is how it currently looks

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


Check out this lesson

Still have question let me know.

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