/Expanding-Card

Primary LanguageHTML

Expanding Cards

This is the first project from the "50 Projects In 50 Days" challenge. It's a simple project consisting of cards that, when clicked, expand to reveal more information and feature a smooth transition animation on the images.

Demo

You can view a live demo of the project here.

Demo

Features

  • Clicking on a card expands it to reveal more information.
  • The images have a smooth transition animation when the card is expanded.

Technologies Used

  • HTML
  • CSS
  • JavaScript

How to Use

  1. Clone this repository to your local environment.
  2. Open the index.html file in your web browser.

Project Structure

  • index.html: The main HTML file containing the structure of the cards.
  • style.css: The CSS file styling the appearance of the cards.
  • script.js: The JavaScript file controlling the behavior of the cards.

Contribution

Contributions are welcome! Feel free to open an issue or submit a pull request for improvements.

Credits

  • This project was inspired by the "50 Projects In 50 Days" challenge by Brad Traversy.

License

This project is licensed under the MIT License.