Skip to content
Submitted 2 months ago

Leitor de QR Code HTML e CSS

Kedna Sousa•40
@kednasousa
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Me orgulho de ter conseguido desenvolver o projeto, mesmo tendo esquecido as coisas que estudei há alguns anos, com muita pesquisa consegui finalizar o projeto. Iniciei o projeto em JAVASCRIPT para aparecer uma mensagem quando o QR fosse lido, mas infelizmente não consegui desenvolver por ainda ter muita dificuldade em JS. O que faria de diferente é justamente isso, aplicar JS ao projeto.

What challenges did you encounter, and how did you overcome them?

Lembrar da forma certa e qual tag usar para dividir partes do projeto para estilizar no CSS.

What specific areas of your project would you like help with?

Tentar implementar o JAVASCRIPT. Talvez depois que o QR Code for lido, apareça uma nova página na tela avisando que foi lido ou alguma notificação pop-up.

Community feedback

  • HaDo Dev•310
    @hadodevPosted 2 months ago

    Hi Kedna,

    Nice solution. Maybe you need to review the following:

    • The semantic HTML: for accesibility reason, change the h2 header by the h1.
    • Style: use rem instead of px for font size and border-radius.
    • Design: try to acheive the correct space between elements. For example, the .card class must have the same left, right and top padding. The h2 and the p must has an additional padding-inline of 1rem (16px).
    • Take a look to this ressources regarding to modern css reset: Modern CSS reset

    Keep going :-)

    Marked as helpful
    0

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