BMI Calculator app with focus on a11y

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

• I learned about the css to hide the spin button of input type number in different browsers
• I also learned how to apply different border radius to the div element. This was the result of many hit and trials
• I also learned about how to apply multiple linear gradients to create the background effect like the design

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

• Creating the border radius of the result div was challenging. As per design it should be 16px on left corners and 999px on right corners. But when 999px is applied it removes the border radius of left corners. So, it was many hit and trials. And finally found out that 100 to 150 px works for right corners.

• Also creating the background gradient of the top element was also challenging, finally figured out that we can lay one gradient on top of other to create the effect

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

• feedbacks are welcome, especially regarding the accessibility