Skip to content
Submitted over 3 years ago

Coming Soon Page with JavaScript Email Validation

Lesley Wesley•365
@LesleyWesley
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey everyone! I tried a lot of new things with this project. This was my first time using grid for the desktop layout, and I also added the ability to submit the email by both clicking on the button and pressing the Enter key. I also decided to add a success message if the email is validated correctly, because it felt a bit barebones without one.

I know the layout for medium screens is a bit weird because I wasn't sure how to position things with such little content, and on larger screens there's quite a bit of space under the logo, but since my main focus was on practicing JS, I'm pretty proud of how this turned out. As usual, I'm open to any feedback, as well.

Community feedback

  • Davide•1,725
    @Da-vi-dePosted over 3 years ago

    Hi Lesley, it looks very good, imo it's perfect!

    • I like how you work: code indentation, comments. I wouldn't rely on px unit especially for media queries, i saw you use rem, it's great for everything else not just for font-size.

      Happy coding :-)

    Marked as helpful
    0
    Lesley Wesley•365
    @LesleyWesleyPosted over 3 years ago

    @Da-vi-de Thank you so much! I'll try not to rely so much on px in my next project :)

    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