Skip to content
Submitted about 1 year ago

My PING solutuion!!! :)

Gilson Roberto dos Santos•200
@GIR0SAN
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

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
    @pRicard0Posted about 1 year ago

    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
    Gilson Roberto dos Santos•200
    @GIR0SANPosted about 1 year ago

    @pRicard0 Boa Paulão! Obrigado pelas dicas, meu amigo!

    1

Please log in to post a comment

Log in with GitHub

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