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 single column coming soon page with some Javascript

P
Graeme Byrneā€¢ 390

@grmbyrn

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


I think it looks okay, but let me know if you spot anything!

Community feedback

Jordane Gengoā€¢ 590

@jgengo-alt

Posted

Hello Graeme Byrne, I'm glad to see you did this assignment!

šŸŖ“ Your solution looks great however I think:

šŸŒ± ā€¢ (UX) ā€¢ It would have been great if the text input also permit to validate the form with the ENTER key. You could have achieve that by using a real form html element instead of a div or by adding event listener with JS.

šŸŒ± ā€¢ (UX) ā€¢ The dashboard image attract all of the focus, it could look a bit better if have lower this effect by increasing the size of your headers in desktop mode to balance it out.

šŸŒ± ā€¢ (UI) ā€¢ The error message in desktop mode isn't place properly.

Your mobile version is perfect šŸ‘ŒĀ 

I hope it helps Cheers happy coding šŸ’Ŗ

0
Harmanjot Singhā€¢ 985

@arkharman12

Posted

Success and error message is not properly placed on desktop screens. Otherwise, looks good!

0

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