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

Tip Calculator using scss and custom form control validation

Dineshβ€’ 1,115

@Dinesh1042

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback are requested😍

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello there, Dinesh! πŸ‘‹

Great job on this challenge! πŸ‘ This looks really good and everything seems to function well! πŸ‘

I don't have much to suggest since everything seems to be pretty on point! πŸ˜€ Maybe something small that I noticed is that I don't seem to be able to tab to the percent-tip options with my keyboard (but the custom-tip option is tabbable, so the calculator can still be used). It might be worth looking into that. πŸ˜‰

Of courseβ€”keep coding (and happy coding, too)! 😁

Marked as helpful

2

Dineshβ€’ 1,115

@Dinesh1042

Posted

@ApplePieGiraffe Thanks for your feedback. I haven't noticed that when building. I will fix the issue soon

Happy Coding! .πŸ˜‰

1
P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

@Dinesh1042

No problem! Glad to help! πŸ˜€

2
kugiβ€’ 265

@askugii

Posted

I think you should check you reports and work on them. Screen readers will struggle going through this page.

Marked as helpful

1

Dineshβ€’ 1,115

@Dinesh1042

Posted

@Bahadr-tech Yep. There are many errors in the report. I haven't noticed yet!

Thanks for your feedback

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