Skip to content
Submitted 6 months ago

Newsletter w/ Vanilla CSS & JS

Nate Valline•420
@nvalline
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I was able to complete this challenge relatively quickly and with minimal help from Google.

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

The biggest challenge I faced was verifying the form data without the help of a library. This is not something I have done frequently and needed to spend a little time refreshing my memory.

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

I would appreciate any suggestions/tips for improving the quality of my code. Thanks!

Community feedback

  • João Vitor Morita•210
    @joaomoritaPosted 6 months ago

    Hey, your project looks great! Looking to the details, the only thing I could say is that you could get the email from the user and put at the thanks page.

    Happy coding!

    1
    Nate Valline•420
    @nvallinePosted 6 months ago

    @joaomorita oh yeah! I forgot about that part of the design. I'll get it added! Thanks!

    0
  • Mr-Dhie•150
    @Mr-DhiePosted 6 months ago

    Sure. But i dont know how to send an image here. Im used my phone when i checked your site

    0
    Nate Valline•420
    @nvallinePosted 6 months ago

    @Mr-Dhie do you mind sharing which phone and browser you are using?

    0
  • Mr-Dhie•150
    @Mr-DhiePosted 6 months ago

    Your design get broke on smaller screen. I noticed that you forgot to hide the desktop banner. And i like you query on how you validate the email

    0
    Nate Valline•420
    @nvallinePosted 6 months ago

    @Mr-Dhie strange, I haven't been able to recreate the issue. I have tested on multiple screen sizes with Chrome and FireFox.

    Do you mind sharing how you viewed my site so that I may be able to do further tests?

    0
    Mr-Dhie•150
    @Mr-DhiePosted 6 months ago

    @nvalline ah i see. Same here when i try you live site in my computer cant see any anomaly

    But here the screen shot https://ibb.co/4PxycLJ

    My phone is huwaei p40 Browser Google chrome

    1
    Nate Valline•420
    @nvallinePosted 6 months ago

    @Mr-Dhie Awesome, thanks for sharing that info! I will look into it and see if I can recreate it with that info.

    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