Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Newsletter Sign Up with Success Message

dolapobj 310

@dolapobj

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Most proud of working with javascript and overall, understanding everything I built and doing my best not to rely on AI tools for support. I was particularly pleased with how I structured my HTML, which made moving between different displays for the user much easier.

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

I had a problem with displaying the form after a user clicked the dismiss message on the success screen. I was able to solve it by inspecting and looking at what was being overridden.

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

Styling and CSS. Are there ways to style the classes more simply.

Community feedback

@sonmikrafft

Posted

Looks good! But the text field is filled with the tomato color whenever I try to enter a mail address. Is this intended behavior?

I struggle to understand these lines:

 -webkit-appearance: none; /* Remove default styling in WebKit browsers */
-moz-appearance: none; /* Remove default styling in Firefox */
appearance: none; /* Remove default styling in other browsers */`

What are your intentions?

0

Please log in to post a comment

Log in with GitHub
Discord logo

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