Skip to content
Submitted 8 months ago

mortgage repayment calculator fully responsive solution

David Miguel Andrés•330
@damigand
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Mortgage repayment calculator
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud of being able to do the javascript checks. I've also improved some of the semantic and layout of the elements which made it very easy to style.

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

Finding the formula to properly do the mortgage calculations was a challenge LOL

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

Any feedback is greatly appreciated as long as I can learn from it

Community feedback

  • Oluwatobi•230
    @LupoNetnPosted 6 months ago

    @damigand hey this is really nice, very good layout!! I want to ask how did you get the £, years and % elements inside the input fields?

    1
    David Miguel Andrés•330
    @damigandPosted 6 months ago

    @LupoNetn hey there! I did it wrapping everything within a div element. For example, the "€" input looks like this:

    <div class="container">
   <span>€</span>
   <input type="number" id="amount" name="amount" />
</div>

    Then, you style it however you see fit. In my case, with display: flex on the .container element.

    Hope that solves your question!

    1
    Oluwatobi•230
    @LupoNetnPosted 6 months ago

    @damigand Thank you very much for this!

    1

Please log in to post a comment

Log in with GitHub

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