Submitted 10 months ago

Newsletter Signup form using React & Vite

react, vite

Duncan Chege•340

@duncan-chege

A solution to the Newsletter sign-up form with success message challenge

Preview Code

Solution retrospective

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

I'm proud that I did email validation in another project so I copied the logic in this project
I also aligned the elements using CSS Grid, instead of Flexbox which I'm used to
I used two components for the default state and success state

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

Passing data from the parent component (App.jsx) to the child component (Success.jsx) was tricky but with research, it became straightforward

Code

Please log in to post a comment

Community feedback

Yanna•250
@yannancls
Posted 10 months ago
You should probably improve your code's responsiveness; as it stands, when the screen width reduces, the photo on the left overlaps the texts on the right. Furthermore, when the maximum width is around 1000px, the screen design appears disordered. But overall, a job well done!
Marked as helpful

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