Skip to content
Submitted 2 months ago

Mortgage calculator using React and tailwind with svg as componenent

react
Claudia•730
@ClaudiaRamirezD
A solution to the Mortgage repayment calculator challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I struggled to make the radio buttons accessible. I finally fixed it using a lot of CSS, but I believe there is an easier solution. guess there is an easier way...

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Antoine•330
    @super7ramp

    Nice work :)

    Solution works flawlessly!

    A few minor remarks on appearance:

    • Field height is a bit small compared with the design
    • Number fields have their up/down arrows, I'm not sure it was intended in the design
    • Hovering "Repayment" / "Interest Only" make them grow a little which "moves" the page a bit

    Hope it helps!

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