Submitted over 2 years ago

Interactive Pricing with HTML, SCSS, and Typescript

accessibility, sass/scss, typescript, vite

Fazza Razaq Amiarso•2,320

@fazzaamiarso

A solution to the Interactive pricing component challenge

Preview Code

Solution retrospective

Unexpectedly tricky implementing the accessibility properly for the slider and switch. Especially styling them 😅.

Still couldn't figure out how to get a proper drop-shadow under the slider's thumb.

I've written my learning on my blog.

Thank you in advance for any feedback!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Fazza Razaq Amiarso'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