Design comparison
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
- @dtomicicPosted over 2 years ago
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 helpful1@muben88Posted over 2 years ago@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 - @shashreesamuelPosted over 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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