Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mortgage Calculator Challenge - NextJS/React/TailwindCSS

@caiobukvar

Desktop design screenshot for the Mortgage repayment calculator coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm mostly proud of the development time, that was reasonably short.

I would try different ways to make HTML elements overlap.

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

What I learned: How to properly use peer, peer-focus, and other Tailwind CSS classes to create interactive forms with visual validation. Positioning elements that overlap was a challenge, but with came with great learning. 🚀

In this project, beyond applying advanced Tailwind CSS concepts such as focus states and conditional formatting, I also added form validation features to ensure users provide all the necessary information before calculating the results

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

Wanting to learn what are the best practices when positioning overlapping HTML elements.

Community feedback

Lunarix09 90

@Lunarix09

Posted

J'apprécie la liste de devises que t'as intégrée, je trouve ça utile !

0

Please log in to post a comment

Log in with GitHub
Discord logo

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