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

Frontend Mentor | Newsletter sign-up form with success message

@giamimino

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

Felix 160

@felix-stuff

Posted

Hi @giamimino, I don't want to criticise your solution, but you decided to not use any validation on the input field? Do you need help with that?

The design is nicely done though. :-) Only a few adjustments and it'd be pixel perfect. If you want some help with the details let me know.

1

@giamimino

Posted

@felix-stuff I will be grateful if you enlighten me

0
Felix 160

@felix-stuff

Posted

Hi again @giamimino , sure for example you could use container, maybe a div or section element, where you apply display grid in your css to. This will help keeping the text line in the same width as your input field and button, which will all stretch and stack in the container. With row-gap you can add a fitting y-axis spacing between the child elements of this container.

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