
Design comparison
SolutionDesign
Please log in to post a comment
Log in with GitHubCommunity feedback
- @CarltonMpofu
Hey, hey, congratulations on completing the challenge :)
Here are some pointers to note:
- It's great that your form tells the user when they enter invalid input for the days, months, and years. However, it does not stop it from calculating the age when the user clicks the button. Ensure that it does not allow it to go on with the calculation when the user enters any invalid input for the day, month, or year.
- No hover state for the button. Change the button's color (to off-black) when the user hovers or clicks on it.
- Your form is excellent for desktops but is not responsive enough for mobile phones. For example, the entire structure is not shown for mobile phones with a width of less than 578 pixels. You can consider adding another media query for this or changing the "wrapper" to have a smaller width
Hope that helps :)
Marked as helpful
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