Skip to content

Latest commit

 

History

History

double-slider

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

⤵️ Vertical Slider ⤴️

📄 Description

This project uses standard HTML, CSS, and vanilla JS to display images with descriptions on screen.

The user can then select either an up-arrow or down-arrow and the description and picture will slide off screen in opposite directions to reveal the next photo and description.

This is Day 26/50 of Brad Traversey's 50 Projects in 50 Days course on Udemy

⚪ Challenges

I chose different pictures and made a few styling changes that made it hard to orient the arrows the same way Brad did, but other than that, this one went smoothly and was a lot of fun!

⚪ If I had more time, I'd...

try to rewrite the whole thing myself without the follow-along video

📚 Resources