Expanding Cards

Project goal

• handle images with object-fit: cover
• responsive handling
• CSS animation + transition to give it the smooth through the effect
• use Flexbox to create component and align
• add Vanilla JavaScript so that when the user click one of these cards, it changes the class and then expands with a CSS transition
• Vanilla JS eventListener, loops, class and attributes handling, create/remove DOM elements

🛠️

HTML, CSS, Vanilla JavaScript