Submitted over 2 years ago

Tip Calcuator React

#react

namlh• 630

@namlh023

Preview site View code

This is a solution for...

Tip calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I've got an HTML issue that says "Element label not allowed as child of element div in this context. (Suppressing further errors from this subtree.)". Any ideas on how to fix this? Thanks a lot.

Community feedback

Maqsud Tolipov• 4,210

@maqsudtolipov

Posted over 2 years ago

Hi there 👋

Congratulate on finishing your project 🎉. The design looks beautiful 😃. Functionality is also working well ⚙

Ryan, there are no HTML issues 😀, I mean there was a typo I guess. You have written as <lable> which should be <label> 🐜

Happy coding ☕

Marked as helpful

Fraser Watt• 1,790

@fraserwat

Posted over 2 years ago

Hey, this is looking good! Couple of things i'd change:

I'm not quite sure the calculations are correct on the tip %, I enter $50 bill between 2 people at 50% tip and it says tip is $0.25
Your html validation issue might just be a typo <lable> as opposed to <label>
Would also quickly include your logo in <h1> tags as a screen reader would expect a header somewhere on page (you've got alt text in there so it still works)

Great stuff though!

Marked as helpful

namlh• 630

@namlh023

Posted over 2 years ago

Thanks, guys

Please log in to post a comment

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