/expanding-cards

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. This is part of Brad Traversy's Udemy Course "50 Projects in 50 Days."

Primary LanguageHTML

Expanding Cards Project

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.

Objective

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.

expanding-cards

Launch

View the Expanding Cards here: https://marisabrantley.github.io/expanding-cards/

Class

Brad Traversy's Udemy Course "50 Projects in 50 Days"
https://www.udemy.com/course/50-projects-50-days/