Image Grid of photos from St. Mary's

This page pulls full-size hi-res images from the webserver (even if loaded locally). This will result in entries in the Server Logs.

What I have tried to do here is to adapt an earlier experiment to be used for the "Friends" Photo distribution page.

I am using an old template in order to get something running. On a computer there should be 4 columns of photos, this will change depending on the size of the screen. For example, on a phone the pictures should be all full width.

These are Darryl's photos. Well, 33 and counting.

Auditing the pictures

The issue with putting things in a grid is that I can't easliy add captions to the photos. I can add a TITLE that displays when the cursor is over the photo (Computer only - no good on a phone)

Page loading time considerations

At the moment (having 33 hi-res photos on this page) there is a significant page loading time for the page, even on a fibre Internet connection. This makes the access of the page on a mobile device somewhat restrictive. This would be okay for those with 4G connections and unlimit data plans, but for those of us in Belchamp Walter we are lucky to get a 3G signal when we are not in our houses.

Seeing that this page, and those like it, are mainly to assist in the review and distribution of "Friend" photographs it is not a problem. However, if a "proper" web page wants to use the photos I need to do some more work (and thinking) to do this.

The Image Grid is not using the W3 Framework and I am sure that there will a lot to learn if I look into this further.

CSS Flexbox

I need to investigate this further.