Skip to content
Submitted over 2 years ago

Intro component with sign-up form

Nedu•110
@Nedu21
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi guys 😉 this is the result of this challenge. It was preety cool to do this challenge there were some new features I learnt here like form validation using Javascript ... I'll be happy to hear any feedback or how I can improve my code.

Community feedback

  • Venus•1,640
    @VenusYPosted over 2 years ago

    Great job with this challenge! I like the success icons that appear when the user submits a valid value, that was a nice touch.

    If you want to center the content on the page, one way to do this is by setting the height of <div id="container'> to 100vh, then applying display: flex;, justify-content: center;, and align-items: center; to it.

    One downside of this method of centering objects is that when the height of the content exceeds the height of the viewport, the content can be cut off. However, this is easily fixed by adding height: auto; to the container.

    Marked as helpful
    1
    Nedu•110
    @Nedu21Posted over 2 years ago

    @VenusY Thanks a lot for the feedback

    0

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