On May 4 we used Photoshop’s image processor to automatically resize thumbnails, and laid out the thumbnails using the CSS display: flex; property. We also used the :hover CSS pseudo-class to add rollover interactivity to the navigation buttons.

We also worked with JavaScript for the first time, adding a lightbox plugin to our site called “simple lightbox.” Once it’s running, we can change options about its appearance and functionality by “passing” instructions to the plugin with code(!) Today’s demo site (linked below) already has the plugin set up, so you can use it as a reference.