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

Responsive Newsletter sign-up form with success message with flex

@prabha-s4280

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


Provide more info about fonts and colors

Community feedback

@Tsiangana

Posted

Very good project and very well done, but there are some changes we can make, in order to make it better, yours is very glued to the top, to make it well centered just open your css and put the following property:

body{ display: flex; align-items: center; justify-content: center; }

this way all main elements within your body will be centered, without the need to use the margin property

Marked as helpful

0

@prabha-s4280

Posted

@Tsiangana thank you for your great suggestion.. i will update the code with the changes above you have mentioned.. Thank you!

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