Interactive pricing component

This is a solution to the Interactive pricing component challenge on Frontend Mentor.

Links

• Solution URL: Github
• Live Site URL: Netlify

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• CSS Preprocessor Sass
• Mobile-first workflow
• Javascript

What is the challenge

This challenge consisted on building out a 'pricing component' and getting it looking as close to the design as possible in order to train out layout skills. The component also uses Javascript to track the range input and set the different price plans available as well as calculating discounts for anual type plan.