Skip to content
Submitted almost 3 years ago

qrcode challenge using html and css

accessibility, animation, bootstrap, cube-css, fetch
Lucas Matheus Martins•180
@lucasmm56
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Application developed seeking to improve the concepts of html , css and responsiveness

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Lucas 👾•104,160
    @correlucas

    👾Oi @lucasmm56, tudo bem? Parabéns pelo desafio! Seja bem vindo a comunidade do Frontend Mentor

    Acabei de ver sua solução e tenho umas dicas pra melhorar seu código/design:

    1.Adicione o favicon da sua paginando colocando o link dentro do <head>. <link rel="icon" type="image/x-icon" href="./images/favicon-32x32.png">

    2.Adicione o alt text para descrever a imagem e melhorar a acessibilidade da sua página. Esse atributo melhora o uso da sua página para pessoas com alguma deficiência visual. Aqui o código da imagem com o alt text ---> <img src="./images/image-qr-code.png" alt="QR Code Frontend Mentor">

    3.Ao invés de usar <p> pro bloco contendo o título principal, ao invés use <h1>, porque cada página precisa de um h1 pro título principal e siga a sequência se você adicionar outro título como h1, h2 , h3…

    👋 Espero que essas dicas te ajudem e que você continue no foco!

    Marked as helpful
  • Lucas Matheus Martins•180
    @lucasmm56

    Hello Lucas, thank you very much for the feedback, it has been of great help in the development, I hope to continue learning and putting all the tips into practice.

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