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-signupform

ivara21 120

@ivara21

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


What specific areas of your project would you like help with?

Check it out , also leave some comments below for improvement or just your opinion , maybe there's a better way to the things i did. All will be appreciated thanks :)

Community feedback

@darrenohello

Posted

You've done well! I've started working on this one too.

I think you could adjust the styling for the smaller breakpoint so the text doesn't overflow on 375px mobile screens. I only looked briefly but instead of a fixed 400px width you could try 100% for that media query, adjusting margin/padding as needed.

3

Kendpr 290

@RealKendpr

Posted

@darrenohello Agree use 100% instead of a fixed size, since the design is also taking the full width. It would be more fluid.

1
Kendpr 290

@RealKendpr

Posted

Its great, here are somethings that could get more improvement:

  1. It would be great if the dismiss button on the confirmation popup would also dismiss the popup. And you could also clear the email input after successful submission.
1

ivara21 120

@ivara21

Posted

thanks man ill work on it :) @RealKendpr

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