Responsive interactive-pricing-component

What are you most proud of, and what would you do differently next time?

Hello Frontend Mentor community members! I'm excited to present my interactive-pricing-component, crafted with HTML , CSS and Java Script. This project has been a delightful journey, filled with both fun and the creation of elegant design layouts.

Overview :

The goal of this project is to create a web-based interactive-pricing-component where users can choose their billing amount their plans in a visually appealing way.

Technologies Used:

• HTML: For creating the structure of the web page, ensuring accessibility, and semantic markup.

• CSS: For styling the component and making it visually appealing, including layout design, colors, and typography.

• JavaScript: For interacting with the DOM, handling user interactions, and manipulating data.

Key Concepts Used:

• Grid Layout: This layout was constructed using CSS Grid, allowing for flexible and responsive positioning of elements on the page.

• Document Object Model (DOM): Leveraged the DOM to dynamically update and manipulate the content and structure of the web page in response to user input and application state changes.

• Animation with @keyframes: Utilized CSS animations created with @keyframes to enhance the user experience by adding visual transitions and effects to elements on the page.