Design comparison
Solution retrospective
It took me about 16 hours but I am pretty happy with the result of my work. The only thing that I could not get working is the :focus colors working on the input fields. I tried researching and multiple attempts without success. Any help would be appreciated!
Suggestions to improve my format, readability and to make my code more DRY is welcome.
-Mike
Community feedback
- @mksoofianPosted over 1 year ago
Update:
I could not get the border color to change on focus because by default, the browser was highlighting the input a different color. My solution was setting "outline:none", only then would my border styling be revealed.
I wasn't able to get my results to calculate as I input numbers in the text field. It would only update after clicking away from the input. This was especially if using mobile as users wouldn't know to tap away from the input in order for the result to be rendered. My solution was to run my updateAll() function in the event listener for input.
I hope this helps others with this challenge.
-Mike
0
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