Design comparison
Solution retrospective
this took me quite a bit but for the most part it works. i did a lot of troubleshooting and i am sure there are simpler ways to code the logic. it was difficult for me to find solutions using react. any feedback is greatly appreciated. only issue i am seeing at the moment is my input fields not limiting to two decimal places.
appreciate your time!
noah
Community feedback
- @leonardomeza87Posted over 3 years ago
Hello, your application works but the icons of the text fields are flying 🐛
By the way, I know it can be a bit difficult to find the solution but I don't think it is the best to reload the page by clicking the reset button, use the benefits of React ⚛ as a single page application
0@npstrassPosted over 3 years ago@leonardomeza87 appreciate the feedback. I didn't think adding extra code to reset was necessary since the default would accomplish that but I get what you are saying. Could you explain the flying icons??
0@npstrassPosted over 3 years ago@leonardomeza87 actually I see what you mean. The live site does not show the same issue. What do you think is causing that?
0@leonardomeza87Posted over 3 years ago@npstrass In Chrome it seems that the icons remain in their place, but in Firefox it does not, with a "display: flex" to the input container and an "align-item" it is resolved
0
Please log in to post a comment
Log in with GitHub
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