Mortgage Repayment Calculator using Tailwind CSS

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

I think I did well with yellow radio buttons and clean code in javascript.

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

1. Changing the accent color for the radio button only works for other colors but not yellow due to some pixel conflicts in the display. I made the original appearance disappear and made a customized one myself. I managed to get rid of the black ring inside the radio circle by using box-shadow: white.
2. Span in the input group disappears in small screens. I adjusted suitable padding for it and defined width for the input area to solve it.

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

About the input group, I want texts in the span area to be one size smaller than those in the input area. However, I could not do that since a white gap appeared between the span area and its div container because of the size of the input area. I want to know if there is any solution for that.