Submitted almost 2 years ago

Interactive Pricing Component (Vanilla CSS and JavaScript)

accessibility, bem, lighthouse

Daniel 🛸•45,030

@danielmrz-dev

A solution to the Interactive pricing component challenge

Preview Code

Solution retrospective

🛸 Hello Front-End Mentor Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built with:

HTML 🧾
SASS 🎨
Tailwind 👾
JavaScript 🤖
BEM Notation 🅱️
Mobile first workflow approach 📲

Another very nice project to improve JavaScript Skills.

The dynamic pricing with the discount triggered by the monthly/yearly billing button was quite hard.

Another very challenging feature was the slider thumb. Had to watch a few tutorials on how to create that. Anyway, a project reallt worth doing. You can learn a lot from it 😊

Thanks to the Front-End Mentor team that create challenges that make us learn a lot from doing them. 💟

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Daniel 🛸's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord