Skip to content
Submitted over 4 years ago

Intro Component with Signup Form

Hyunji Kim•155
@creativehkim
A solution to the Intro component with sign-up form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello all! I really enjoyed this project :) For the "success modal" I made, I made it open when it's submitted by clicking the bottom button, but I couldn't figure out how to make it open only when all fields are correctly filled... also I made two close buttons on the modal (x button on the top right and 'ok' button) but only x button works and somehow 'ok' button works like the submit button in the form and does not close the modal. If anyone could go see my code on git and give me some kind of feedback, I'd appreciate it so much!

Thanks for checking it out :) happy coding!

Code

Please log in to post a comment

Log in

Community feedback

  • Ana Luz Cervantes•1,705
    @analuzcervantes

    Hi Hyunji Kim! 🖖

    Good job on the challenge! 👏 I like the validation you did ❤

    If I understood correctly what you want to do... You can do it with a blur event, you can answer me here if you need more information 😊

    I would like to give you some advice:

    • The width of the page is a little bigger, you need to remove the width 100vw from the body
    • To solve problems for inputs name available to an accessibility API: Add aria-labelledby attribute to all the inputs (you can check this in your HTML issues report)

    Keep coding! 💻👾

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