Skip to content
Submitted 12 months ago

Responsive newsletter page

Christian Chirtoaca•120
@Chirtoaca94
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Working with the DOM to manipulate the success message and newsletter page.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • JamesYcode•140
    @JamesYcode

    Great job on the custom transition when submitting the form! One thing I noticed was that after form validations had triggered and clicking the dismiss button, the validations errors is still there in the DOM.

    I encountered a similar issue and resolved it by assigning a custom class to the validation error element. Then, I set its display property to 'none' when the dismiss button was clicked.

    Marked as helpful
  • Maobugichi•470
    @Maobugichi

    beautiful work!

  • Eric Aguayo•1,055
    @EAguayodev

    Good job on the challenge. Just a few light changes can be made to the challenge by changing the background color of the body to hsl(234, 29%, 20%);

    • Background color is added to the newsletter container to #fff.

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