Today’s goal:

• Create a photo gallery webpage using CSS grid

 Today’s featured site:

• http://orangeyouglad.com/ – A well-designed site that is also responsive!

 Create a Photo Gallery Webpage with CSS Grid

You will practice creating a responsive layout for a photo gallery webpage using CSS grid and a media query. There is more than one way to create a responsive photo gallery using CSS grid so you will practice two different ways by downloading broken code and filling in the ???? with the correct code.

Finished result big screen

Finished result small screen

1. Download broke code #1 here 
2. Look for the ???? and fill in the correct code
3. Code help: grid cheat sheet  and Free Code Camp exercises  (from Monday)
4. Download broke code #2 here . This grid is created with grid template area, which we reviewed on Monday.