Day 21 Beginner
Challenge 21 of 100
Pricing Plans
As a prospective customer, I want to easily compare different subscription plans on a visually appealing and informative page, so I can make an informed decision about which plan offers the best value for my needs.
Acceptance Criteria
- ✓ The interface must clearly distinguish between different subscription plans (e.g., Basic, Standard, Professional, Ultimate) with pricing and key features listed for each.
- ✓ There should be a toggle option to switch between viewing prices billed annually and monthly, reflecting changes dynamically on the interface.
- ✓ Each plan should highlight what makes it unique or valuable, such as "Best Value" or "Better Results," to help guide user choices.
- ✓ Core features common to all plans should be clearly stated, as well as premium features exclusive to higher-tier plans.
- ✓ Each plan option must include a "Try free for 30 days" button that is easily accessible and prominent.
- ✓ The design should be responsive, ensuring the plan comparison is legible and functional on both desktop and mobile devices.
100 Days of Code Progress Day 21 / 100
Take this challenge
Start your 7-day free trial to solve this challenge in our built-in code editor with live preview.
Start 7-Day Free Trial to Solve This Challenge
