Skip to content
Submitted 6 months ago

Newsletter Sign Up with Success Message

dolapobj•310
@dolapobj
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?

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

  • Sonja Krafft•310
    @sonmikrafftPosted 5 months ago

    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

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