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

Mustaphaā€¢ 540

@muben88

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, Frontend Mentor people! Hope you're doing great! This is my solution for the Tip calculator app challenge. the sliding bar was a good challenge! you should try it out.

Happy to hear any feedback and advice.

Community feedback

Darkoā€¢ 980

@dtomicic

Posted

I've taken a look and it looks great, you've managed to do the stuff that has been bothering me in my project (the slider fill color), looking at it everything looks fine besides the yearly billing on mobile devices (here) they should go in a row next to each other so you could look into fixing that.

Also what I noticed is that you've set the values yourself for pageviews and costs but Frontend Mentor already provided them in the README.md file (here) so you could set it that way you only have 6 values and you can put like when the slider value is below 20 have the first value then between 20 and 40 second value and so on.

Otherwise great project, keep it up šŸ‘

Marked as helpful

1

Mustaphaā€¢ 540

@muben88

Posted

@dtomicic Thanks man for the comment! Oh yeah met too, it was a challenge figuring out how to make the slider fill colour (I found the solution it on yt btw ). Anyway, thanks for taking the time to comment and happy coding!

0
Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think the price is supposed to be bigger and the box-shadow is supposed to be subtle. Try decreasing the box-shadow a little bit

In terms of accessibility issues simply wrap all your content between main tags

I hope this helps

Cheers

Happy coding šŸ‘

Marked as helpful

0

Mustaphaā€¢ 540

@muben88

Posted

@TheCoderGuru thank you. Happy coding!

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