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 (bootstrap, css, anime.js custom input validation)

@hassaneljebyly

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


second Bootstrap project, I think I'm getting the hang of it, It's really about know what it can and can't do and find the middle ground, however input validation was inconsistent cross browsers i.e maxLength min max input attributes didn't work on firefox, that plus Bootstrap input validation is not accessible so I had to build mine.

I tried building a nice animation but the code was so big and a bit messy, so I went the easy way and used Animejs great animation library see original animation here and the code

Community feedback

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