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

Ping landing page with react and tailwindcss

P

@alanjheffernan

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

Looking help with two problems,

  1. Cannot prevent React default form warning. I'm using e.preventDefault() but still the deafult warning are showing.

I'm using a work around where I make the email field a type="text" rather than type="email". This feels backwards so would appreciate some help with best practices.

  1. I can't center the path tag inside of the SVG. I have cut off the side of the footer icons when I add rounded corners as they are not centered properly. Any help would be appreciated.

Community feedback

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