Skip to content
Submitted 3 months ago

Html , CSS , JavaScript

Prashant Patil•20
@Prashant2468
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 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•230
    @Gwen-legoPosted 3 months ago

    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.

    Marked as helpful
    0
    Prashant Patil•20
    @Prashant2468Posted 3 months ago

    @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

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