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 Email Validation

@briannelson95

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 one part that I struggled with during this challenge was using the desktop svg in the react component. I was able to convert the tags to be jsx friendly but the background would not show. What is the best practice for using SVG's in react components?

Community feedback

Account Deleted

Hey there! 👋

Congratulations on completing the challenge! 🎉

There are many different ways, I usually use react components or next/image. To convert SVG files into React components, I use this service

If you have any questions or need further clarification, please don't hesitate to reach out to me.

Happy coding! 💻

Marked as helpful

1

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