Responsive age calculator app using HTML, SCSS and JS

Hello @asmaahamid02!

Your project looks great!

I have one suggestion for you to improve it even more:

• Using margin is not the best option to center an element. Here's a very efficient (and better) way to place an element in the middle of the page both vertically and horizontally:

📌 Apply this to the body (in order to work properly, don't use position or margins):

body {
    min-height: 100vh;
    display: flex; 
    justify-content: center;
    align-items: center;
}

I hope it helps!

Other than that, great job!

The month number keeps increasing continuously. I think there is a bug with how number of months is calculated.

The layout looks accurate and all other functionalities are working well. Loved the way numbers animate to arrive at their value. Also, the label and input border is changing to red if values are not valid. Great attention to detail.