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

Html , CSS , JavaScript

@Prashant2468

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?

  • It really help me to build my logical concept of calculations
  • Also Understanding of DOM manipulations

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

  • Challenges like solving Date issues
  • Responsiveness

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

  • Designing part helps me for creative UI

Community feedback

Gwen-lego 190

@Gwen-lego

Posted

Hi there,

Just few tips to help you:

  • To make your site more responsive you can remove the height and width of the card element. .container .card { height: 66vh; width: 58%;
  • Then add a padding to your card element something like 30px to have even space all the way around, it is easier to deal with one padding than adding margin padding for each div/element.
  • when the result appears, you have a zero in front of the months that should not be there: days_ans.innerText = "0" + day;

Well done for the calculation otherwise, I learned how to do the February month.

0

@Prashant2468

Posted

@Gwen-lego thank you for your advice ,i will definitely work on it

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