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 app

shirahn-s 30

@shirahn-s

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


Any tips for positioning elements when it's position isn't necessarily confined to a flex container/grid? Referring specifically to the horizontal line. It fits in kind of a weird space, where its not in the middle of anything, and all my attempts of placing it resulted in it staying in the same position irrespective of the size of the page.

Community feedback

FranA 340

@FrantiskaAli

Posted

I just wrote <hr> element under section with inputs and then inder it i made button with margin-top in minus value so it overlaps with the line. Also would recommend to add some media queries. I opened your site in phone and its little smushed . Otherwise good job!👍🏻

Marked as helpful

0

shirahn-s 30

@shirahn-s

Posted

@FrantiskaAli Will give it a try! I hadn't tried optimising it for mobile which would explain that haha, but thank you!

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