This layout allows for more than 9 items. The Item heights have been reduced slightly so that the next row peeps out at the bottom of the page. Click on any image to see a full sized version and then explore by sliding left or right on any image for more options or variations.

Some Page Notes

Any grid Item or position can conatin any type of content. This position in the grid, i.e. the 5th grid-item, contains text and links to this modal Limelight window you are reading.

The HOME page has a grid of 9 items - 3 rows and 3 columns. Th eheight is so in the grod items to be about 33vh so that the grid will fill thge whole page. The 12ITEMS page has 4 rows to accomodate 12 or more items. the grid-item height has been reduced slightly to allow the 4th row to peep through at teh bottom of the page. The contents of the page will scroll to allow th eadditional contents to be viewed on the 12ITEMS page.

The layout can be adjusted to avoid awkward or odd numbers of grid-items leaving a blank space, by adjusting the span of 1 or more grid-items. E.g. in the HOME page layout, between 600px and 900px, the last grid-item iis set to fill the whole final row, to avoid a blank empty space.

Note that any grid-item can be left with no content to leave a blank space in the grid.