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

Mobile First | HTML, CSS, JS

@Feli02

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


Hi, this is my project! Any suggestion is welcome!

Community feedback

Amonβ€’ 2,560

@A-amon

Posted

Hello! Great work~ The responsiveness looks good too!

I have a few suggestions:

  • Everything (font-size and image) looks a little oversized. Maybe, shrink them? πŸ˜‚

  • Putting script element among the code...It's my first time seeing this. πŸ€” Not sure if it's right or wrong but, you can try putting it at the end of body tag, right before closing.

  • I believe your input element should have a label element for it or an aria-label attribute. Check this out: https://stackoverflow.com/questions/9157867/placeholder-vs-label-for-input-in-html5

  • Instead of div for each social media icon, they should have been a tags.

  • Instead of setting styles directly inside JS, add/remove or toggle class instead.

I learnt about using title tags inside svg. Awesome! πŸ˜€

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