Ping Coming Soon Page using Vanilla JS, Flexbox, BEM

Community feedback

• 

  T

  Grace•31,810

  @grace-snowPosted about 3 years ago

  Remember to use the email input type not text. Autocomplete is important for meeting accessibility requirements on forms like this

  Marked as helpful

  1

  ---

  

  Ken•935

  @kenreibmanPosted about 3 years ago

  @grace-snow Totally missed that, thank you.

  0
• 

  Ken•935

  @kenreibmanPosted about 3 years ago

  Does anybody know why there's a weird gray space in the bottom of my solution image?

  0

  ---

  

  P

  Ken•4,915

  @kens-visualsPosted about 3 years ago

  Hey @lmaoken 👋🏻

  Yes, I do 😅 Frontend Mentor's screenshot "machine" will add an extra gray space to match your solution to the original size of the picture. Sometimes it does the other way around, it can also add a gray space to their original design so the height of your solution and their design matches. In this case, you can add some padding-top to your footer and take the screenshot again if you want to. Briefly, once Frontend Mentor takes a screenshot, it cannot crop neither your solution nor their design, hence, it adds some gray space to match their height.

  I hope this was helpful 👨🏻‍💻 Cheers 👾

  P. S. You're getting really good at this, by the way, it looks identical. Nicely done.

  Marked as helpful

  1

  

  Ken•935

  @kenreibmanPosted about 3 years ago

  @kens-visuals Thank you! I unfortunately used all my free screenshots for the month trying to solve it myself, so I'll try to generate a new one next month.

  I really appreciate your help and compliment!

  1