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

Sign-up card with success message using HTML, CSS and JS

@gustavo-atanazio

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

Community feedback

@mandriva19

Posted

hello, a few issues with responsive design: anything in between 500-990px looks way too stretched... probably would be a good idea just putting a max-width property before it will go to a desktop viewport. where I also found an issue: both h1 at the top and button on the bottom are thrown away from main "card" container (on above 990px viewport). seems like there is 'height' specified somewhere so it conflicts with overflow.

good luck and keep up the good work! <3 ~

Marked as helpful

0

@gustavo-atanazio

Posted

@mandriva19 Hi! Thank you for the feedback, I'll make sure to fix these issues and make the code better

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