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

Age calculator using TailwindCSS and Vanilla Javascript

@Abteck

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I still don't fully understand the age calculation. how to convert the submitted inputs to the Age. I think that is the only area I find complicated. Also, using the font face to install the fonts, the fonts was effective on the local browser but not on the live

ps: I had to follow the link on the style guide and used google fonts

Community feedback

Oficial51 270

@oficial51

Posted

To make the fonts imported from google usable you should add the 'font-family' property to your body in css

0

@Abteck

Posted

@oficial51 yes i did that. It worked on my local server, but not working on live server

1
Oficial51 270

@oficial51

Posted

Hi, if you find working with dates complicated you can work with libraries to help you there. The one I used was date-fns. Feel free to check it out, it is fairly simple

0

@Abteck

Posted

@oficial51 ok will do. Thanks alot

1

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