Project 3 - Photo Gallery

Setting up a simple Photo Gallery using CSS


Create a new repl.it for the photo gallery page

Using your own photos create 3 images
- you will need 2 copies of each image


1. A smaller size that can go on the main page (these are often called thumbnail images)
2. A larger size that will open in a new window (in case your visitor would like a closer look)

Using the example code to guide you go ahead and add a 3 image gallery on the main page
- when a user clicks on the smaller image the larger one should open in a new window

Update your Portfolio Page so it links to this project & include a link back to the Portfolio

CSS

 

HTML