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 with success message

HANNY 80

@honeyjangra2309

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


Hi Guys, Any suggestions will be highly appreciated. I have used a mixture of tailwind and custom css.

Community feedback

@briannelson95

Posted

Great job completing this challenge, one tip I have is I would try to avoid using custom css and tailwind together as in larger projects this can get really messy and confusing.

If you do choose to stick with custom css you can use css variables to handle the colors preventing you from having to rewrite the colors.

:root {
  --theme-dark-blue: hsl(234, 29%, 20%);
}

.heading {
  color: var(--theme-dark-blue);
}
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