Skip to content
Submitted 10 months ago

Created the age calculator

JanAbe•230
@JanAbe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Age calculator app
  • HTML
  • CSS
  • JS
2junior

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

  • Ganiyu Hassan Taiwo•100
    @PrimeXVPosted 10 months ago

    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

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