Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
I faced issues with calculating the right values for the month and day output. Could you please check the code and let me know where I went wrong
Community feedback
- @Orekihotarou-kPosted 9 months ago
Thank you @b4n1y4. I'll make the changes and update them.
0 - @b4n1y4Posted 9 months ago
Hey KB, nice take on the challenge. The design looks good overall, however the age calculation looks wrong. Please check. There are a few more things that I would suggest:
- values can't be negative or 0 [suggestion: define min max boundaries for the values]
- I see you used input type number. Maybe try to remove those spinners for a nice touch.
- The date shouldn't be more than current date as we are talking about age calculator and well, how can you calculate age of someone born in future.
- When the errors pop up, the input element shifts up. I think its a flexbox mistake. maybe try aligning contents and justify content to flex-start[ I haven't checked your code so maybe you've used something else. But this is an issue]
- Additional, try to develop a logic where if the value for day month year is 1, then you show "1 month" and not "1 months".
- For mobile layout, try increasing gap between inputs and reduce the font-size
- Correct the spelling of Year
- Add the font specified in the style-guide.md file
You can reach me out for more details or check out my solution for this challenge. Hope it helps ✌🏻
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