Skip to content

Latest commit

 

History

History
28 lines (16 loc) · 912 Bytes

README.md

File metadata and controls

28 lines (16 loc) · 912 Bytes
Raw

Interactive pricing component

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

Links

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.