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

My PING solutuion!!! :)

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


Hello again Frontenders!!I hope you are all well! Happy to post another complete challenge here.

I used JS Vanillla to validate the form. I had difficulties with the layout, since I don't have the PRO version, but I did it the way I thought was closest to the png layout.

Thanks a lot in advance for your help!

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

Sugestões em HTML

  • Você não deve colocar texto no atributo alt se caso a imagem é meramente ilustrativa.
  • Na div com a classe "social_links" você deve na verdade usar <nav> ao invés de div para melhor acessibilidade.
  • Com o paragrafo com a classe "c-text_footer" você poderia ter envelopado tanto as âncoras quanto esse paragrafo com a tag <footer>

Sugestões em CSS

  • Você deveria usar rem para font-size ao invés de pixel.

Há erros de acessibilidade mas eu não quis citar por agora porque não é necessário focar nisso agora se não quiser. É sobre ARIA. Se quiser pode ir pesquisando para aprender, é muita coisa que eu poderia colocar aqui que talvez pudesse apenas acabar te confundindo. Belo projeto anyway, seu javascript está ótimo!! ( que é geralmente onde o pessoal mais erra e trava )

Marked as helpful

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