Skip to content

kateFrontend/js-expanding-cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Expanding Cards

cover

🦉 Main information

"Expanding cards" functionality.

The project goal:

  • style cards to have a background image and a heading
  • use Flexbox to align everything
  • add a JavaScript so that when the user click one of these cards, it change the class to active and it then expands with a CSS transition
  • using JavaScript for the event listeners
  • using CSS transitions to give it the smooth through the effect

⚡ Built With

HTML5 / CSS3 / JavaScript