Skip to content
Submitted 6 months ago

Age Calculator

NameRectified•100
@NameRectified
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

What challenges did you encounter, and how did you overcome them?

For me the line and the image gave me the biggest headache I forgot that there exists an element called hr, js was relatively easy.

Please provide feedback on how I can improve my code.

Thank you.

Community feedback

  • John Q.•140
    @romrauqPosted 6 months ago

    I simply created the line using styling a border on the container that carries the 3 input fields, like so:

    .inputs-container{ border: 1px solid hsl(0, 0%, 86%) }

    0
    NameRectified•100
    @NameRectifiedPosted 6 months ago

    @romrauq then what about it being on the same level as the image?

    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