Starter

Pricing Card Component

In this challenge, you'll build the responsive pricing cards component. This challenge is perfect for you if you want to build complex front-end web components and take your front-end skills to the next level!

start challenge
Pricing Card Component

CreatedBy: Herve Wabo View Profile

📝Brief

In this challenge, you'll build the responsive pricing cards component. This challenge is perfect for you if you want to build complex front-end web components and take your front-end skills to the next level!

Challenge Requirements

  • The component did not take more than the viewport height (100vh) in the desktop device.
  • Show the hover state to buttons.
  • The component should be responsive and display correctly on different screen sizes.
  • Make this component look as close to the design as possible.
  • After Clicking the get started button on the mobile device the email input gets visible to the user.


💡Resources

  1. MDN Flex box Docs
  2. Responsive Web Design
  3. CSS Media Queries By Code With Harry
  4. CSS Media Queries By Code-help
  5. CSS Media Query Crash Course by Anuj bhaiya


Get Involved with the Community

Join our Discord community and share your solutions with others. Ask questions and get answers from the fellow developers, help others and get involved with the community.

Coming Soon