Skip to content
Submitted about 2 months ago

Responsive Newsletter SignUp Form with SASS and Vanilla JavaScript

#sass/scss#gulp
nodegreecode•270
@nodegreecode
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?

This time, I took a slightly different approach to building the base layout by using absolute positioning instead of CSS Flexbox. Additionally, I implemented basic validation for the email input field. While the solution is quite simple, it functions as intended and maintains a similar appearance.

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

The most challenging part this time wasn’t the JavaScript functionality or form validation but rather styling the images and SVGs.

Community feedback

  • P
    wraith-wall•250
    @wraith-wallPosted about 2 months ago

    I like your solution, especially CSS and how smooth the page changes depending on the screen size. In general, everything looks how it has to be, except for one small issue, when the email is entered and submit, on the Subscribed confirmation screen, it should probably show the email that the user entered instead of the default email "ash@loremcompany.com". Other than that, everything is good. Thanks and have a good day!

    Marked as helpful
    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