Gallery Component - Design #4

Closed

opened 2025-09-22 17:36:26 -06:00 by cnidariaware · 0 comments

cnidariaware commented

2025-09-22 17:36:26 -06:00

Owner

This is our current Gallery

<div id="HomeBottomGallery">
	<img
		alt="The Baja Car doing a massive jump"
		src="https://res.cloudinary.com/dpgrgsh7g/image/upload/v1756589650/DSC_0970-min_telnpf_c_fill_w_780_h_400_o4vqdc.jpg"
	/>
</div>

Clearly this is not a gallery, it does not have any interactions as well it is a single photo

The Task

Find other "Gallery" elements online
- Ask Questions about For Each
  - What do you like about the element?
  - What would you Change?
Sketch up a design (wireframe) of the gallery and present it to the team
Use feedback on design and modify design then present again
Use final round of feedback and modify again

This is our current Gallery ```html <div id="HomeBottomGallery"> <img alt="The Baja Car doing a massive jump" src="https://res.cloudinary.com/dpgrgsh7g/image/upload/v1756589650/DSC_0970-min_telnpf_c_fill_w_780_h_400_o4vqdc.jpg" /> </div> ``` Clearly this is not a gallery, it does not have any interactions as well it is a single photo ## The Task 1. Find other "Gallery" elements online - Ask Questions about For Each - What do you like about the element? - What would you Change? 1. Sketch up a design (wireframe) of the gallery and present it to the team 2. Use feedback on design and modify design then present again 3. Use final round of feedback and modify again

Rows
Columns