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

Created the age calculator

JanAbe 230

@JanAbe

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


  1. how to add the horizontal line and place the image on top of it (in the middle)?
  2. how to animate the numbers while still starting from - - instead of starting from 0?
  3. how to improve code because my validation feels spaghetti-ish
  4. how to show numeric keyboard on phone for a text input?

Ty in advance.

Community feedback

@PrimeXV

Posted

you should try to ask bing ai/ bard some thing you don't know. probably describe the problem you want to solve. for the line, use hr element to get it then put both the hr and button element inside a div. after that you use css to style to put the button at the right in desktop view and middle of the hr for the mobile view. I hope this explanation points at something

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