Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

About Responsive age calculator, calculating years, months, days.

Yanaā€¢ 370

@yanabue

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Marcos Travagliniā€¢ 4,920

@Blackpachamame

Posted

Greetings! you have done a great job šŸ˜Ž

šŸ“Œ Some suggestions

  • You have linked the favicon in your head, however, you did not upload it to your repository, therefore, it is not visible
  • To improve the semantics of your HTML, you can change your <div class="container"> to a <main class="container">
  • Do not use % for width or height. Better use rem, em or px
  • For some reason, error messages only appear below the year input
  • In the console you can see some console.log that you should delete
  • On mobile screens, the content protrudes from the main container
0

Yanaā€¢ 370

@yanabue

Posted

@Blackpachamame Thanks for the in-depth review and comments! Fixed what you said, seems to be much better now.

I've got a couple questions if you don't mind, would help me improve:

  • Why is it reccomended to not use % for width/height? also does that apply to max/min-width?
  • It might be a too specific question, but I've checked the app in my iPhone safari browser, and for some reason, for any date input I use, it returns an error. Checked it on an android, it was fine. Why could that be? Could it be because of how the IOS provides the Date object to the app?
0
Marcos Travagliniā€¢ 4,920

@Blackpachamame

Posted

@yanabue

  • Because % doesn't fit as well as other units like rem, em or px
  • I now see the errors display correctly
0

Please log in to post a comment

Log in with GitHub
Discord logo

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