Skip to content
Submitted about 2 months ago

Newsletter Signup from using React & Vite

Duncan Chege•200
@duncan-chege
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?
  • 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

Community feedback

  • Yanna•250
    @yannanclsPosted about 2 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
    0
    Duncan Chege•200
    @duncan-chegePosted about 1 month ago

    @yannancls Thank you! I just checked out that the tablet view needs more work. Let me fix it

    0
    Duncan Chege•200
    @duncan-chegePosted 17 days ago

    @yannancls I've fixed the responsiveness on smaller screens. Please check it out and let me know

    0
    Yanna•250
    @yannanclsPosted 17 days ago

    @duncan-chege I looked into it and it is good. The feedbacks I listed are now fixed. Thank you!

    Marked as helpful
    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