Skip to content
OverviewSolutions
6
Comments
2
Tida Tmg
@Tida007

All comments

  • Tida Tmg•140
    @Tida007
    • in the HTML code there are two nested <form> elements, You should only have one which does the same thing
                    <form action="" method="get">
                    <div class="newsletter__email">
                        <label for="email" class="newsletter__label text-preset-3">Email address</label>
                        <input type="email" id="email" class="newsletter__input text-preset-2" placeholder="email@company.com" required>
                    </div>
                    <button type="submit" class="button text-preset-2" formnovalidate>Subscribe to monthly newsletter</button>
                </form>
            </form>
    • only one <form> element is used to wrap the input and button elements. This ensures the HTML is valid and the form functions correctly.
    Marked as helpful
  • P
    Mario Graf-Schantl•540
    @mariosearchteam
    What are you most proud of, and what would you do differently next time?

    Overall i'm quite happy with the outcome.

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

    The validation with justvalidate.js is working really good and i can recommend this library.

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

    There are two areas i would love to get some ideas:

    • the styling for the radio buttons
    • the thousand separator for the mortgage amount. I had a solution but then the validation didn´t work or the calculation didn´t work. I would like to change it while the user is typing.

    Mortgage Calculator with HTML, SCSS and JS

    #sass/scss
    2
    Tida Tmg•140
    @Tida007

    Awesome Responsive design! cheers 🥂