All solutions

The most difficult part was utilizing the Date object to calculate the age and after that making each input resoponse to the multiple kinds of input, for example if the input is empty it should say "please enter a date" and the same input if it has an invalid type of date it should say, invalid day. for example February has 28 day and the 29th of February should throw and error. Another issue was the year; if the year is way in the past we would know that it's not true, and if the year is in the future we cannot calculate their age now! The hardest part after that was to design the small elements!

All suggestions on how to improve the functionality or design are appreciated!

There were a couple of challenges that I faced along the way: the first one was using a way to re-route between pages, going from the rating page to the thanks page! please give suggestions on a way to improve upon the design! thank you!

Centering the div vertically was unironically the most difficult part, and I still haven't managed it! so I did some hacks using "padding-top:30%" to have some space to the top of the screen/page. I did try grid and flex, with content, align and item properties to center my content but I just couldn't get it centered vertically!

How can I improve the centering of the content?