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-coming-soon-page-master

@amirhossein-peyvand

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


Hey, in this project I've used some react third party libraries such as react-hook-form and react-responsive. Feedback is welcome :)

Community feedback

P

@KrishnaVishwakarma1595

Posted

Hi, @amirhossein-peyvand

I've got some points to mention -

  • As the background of the design is already light, the placeholder text of input is hard to see. You can provide a bit dark dark color to the placeholder.
input::placeholder{
color: #4f7df3 // or any bit dark color
}
  • Same issue happens with the error message as the color is also light and the font size is small and weight is light, it is little hard to read on bigger screen. You can increase a font size and provide the font-weight: 500 or font-weight: 700

  • It should show the user error message when a user tries to submit an email like this krishna@gmail as it is not a valid email. But it does not show any error message.

  • You can keep the input and button beside to each other for tab screens too and make them below after at least <=600px

I hope these points will help you to improve. Although it is very nice.

Happy Coding

Marked as helpful

0

@amirhossein-peyvand

Posted

Hi, thanks for your recommendation@KrishnaVishwakarma1595

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