All comments

• 

  nicky• 100

  @nicky202

  Submitted about 1 year ago

  

  NewsLetter - SignUp with Success Message

  2

  20

  

  yamen• 190

  @YamenAlzeiter

  Posted about 1 year ago

  great job your solution looks nice but have some problems need to be fix:

  1. when click dismiss message, the user should be able to go back to sign-up page
  2. email is not displayed in success message, you can get the input value and put in the span that should display the email. Something like this: span.textContent = email.value;
  3. the approach you took to get to success message is creating another page, but you can actually create the message inside your index.html in another div with setting the display style to display: none, when the user click on it, the style should swap between the card and your new div. suggestions . if you want to display something in the middle of screen, you can style the body as display: flex; align-items: center; justify-content: center; instead of using position: absolute . you can use max-width: 365px as the card width instead of width: 72%, this will prevent the card from stretching in big screens.

  hopefully these suggestion help you creating more stunning UI

  Marked as helpful

  0