This portfolio page design uses 200×200px thumbnails linked to higher-res versions so readers can click and see a larger photo. The gray box is set to display: flex; justify-content: center; and align-items: flex-start. When more thumbnails are added, they arrange themselves automatically on the page.
The thumbnails include two different “hover” effects. The yellow leaf thumnail expands 3% on hover, while the tulip expands 5% inside the frame. Additional effects can be created with the “filter” style, including blur, opacity, saturation, and others.
Week 4 (2/10) Zoom Video
