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-Form using HTML, CSS, Vanilla JS

@YawBoah

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


The adding functionality to the pages was quite a challenge for me. Honestly I'm unsure about the whole challenge but I gave it my best

Community feedback

Lemnsa 110

@Lemnsa

Posted

Hello there @YawBoah Congratulations completing the Challenge!.

I got a feedback for you, I hope it helps🙂

The purpose of the design resources given to you when you take this project, is to help you achieve closely the same design ⭐.

  • Let's start with the font-style Make sure it matches the one in the style guide file.

  • Your input field doesn't have a placeholder attribute.

  • Another one, the left space from the checkboxes should be reduced. Incase you used margin or padding property, adjust it.

  • Also, the text color is not the same with the design. The background color is not the same, copy the color code from the style guide file.

  • Lastly, the container holding the two sections , make sure each each section carries half of the container's width.

You could still reduce each section's width for padding or margin.

I wish this will not only help you out with this challenge but in any other challenge in the future :).

Happy Coding 🦾

Marked as helpful

0

@YawBoah

Posted

Thank you so much. I appreciate your feedback@Lemnsa

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