This expanding cards project features five different images of beaches in my area. When clicked, an image card expands while the other cards remain inactive.
Style five cards each with background images and headings. Use Flexbox to align the cards, JavaScript event listeners to change the cards' classes to active when clicked, and CSS transitions to smoothly expand the cards.
View the Expanding Cards here: https://marisabrantley.github.io/expanding-cards/
Brad Traversy's Udemy Course "50 Projects in 50 Days"
https://www.udemy.com/course/50-projects-50-days/