Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive pricing component using Sveltekit and currency.js

#svelte
Byron 2,180

@byronbyron

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello ladies and gentlemen, here's my version of the Interactive pricing component! I've recently been getting some lovely practice in with Sveltekit. Also learnt about the <output> element, which can be used alongside the range input to output range values. All in all, quite a splendid little project. Leave a like, or maybe even a cheeky comment!

Community feedback

@maqsudtolipov

Posted

Hi there 👋

Congratulate on finishing your project 🎉. You did a great job 💡. Interesting, I have never heard about the output element so far in my career 🤔

I give some suggestions to help you take your project design to the next level 📈😉

  • There was a typo, instead of -25% discount write 25% discount, I don't know but I think it means adding more 25% in this case 😅🙃

Happy coding ☕

Maqsud

Marked as helpful

0

Byron 2,180

@byronbyron

Posted

Hi @maqsudtolipov

Thanks for spotting that! The -25% is from the mobile design, but it should be sorted now ta!

1

@maqsudtolipov

Posted

@byronbyron oh yes, the designer of the challenge made mistake I gues

0

@optimusprime202

Posted

Hey @byronbyron, It looks like you’ve put a lot of work into this.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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