Ping Single Column Coming Soon Page with Vanilla HTML, CSS, and JS

Community feedback

• 

  P

  Huy Phan•3,430

  @huyphan2210

  Posted about 2 years ago

  @tizerk Hey! I've seen the page and here are some of my suggestions:

  • The body should have "min-height: 100vh" and then you can use grid or flexbox to make the main element appears at the center.
  • Input and button elements don't automatically inherit "font-family" from the parent elements so you have to set "font-family" manually. By the way, the button element in this case should have a type="submit" attribute and I think you could change the input type to "email" as well.

  An issue I found:

  • On desktop, when I submit an invalid email, the error appears between the input and the button.

  Well done! 👌 Keep it going. You definitely can get better.

  10

  Marked as helpful