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

Hira 130

@hirashabeer

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


What are you most proud of, and what would you do differently next time?

This was my first Junior project🤩. I am proud of everything I have done in this😍. I have completed this in 3days. Obviously I shall try to minimize this time with practice. Secondly I was unable to use the fonts given to me in this project assets. I would try to learn this next time.

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

I find challenge in displaying the errormsg this distorts the .box layout .I overcome this by justify-content: flex-start; and then given padding to label and errormsg. and so much challenges I faced which I overcame by CHAT GPT and GEMINI.

What specific areas of your project would you like help with?

I tried to not make my code bulky and redundant. I will be happy to listen any techniques to improve my code and besides that I am always open for any type constructive criticism.

Community feedback

P
alexander 1,300

@alex931d

Posted

Hello great job on your solution to use the fonts given in FEM callenges you can google the font name on google fonts and select the correct front and click view code and use the @import url(“”) to import the font. Hope it helps!👍🏻

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