Skip to content
Submitted 9 months ago

QR_code_component_using_HTML_CSS

Adriana Ibarra•20
@AdrianaIbarraG
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?

I am proud that it took me less time than I expected.

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

Once I centered the QR, the footer went up, so I did a little research to fix it to the bottom.

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

No questions for now

Community feedback

  • Adann Jacinto•790
    @DanCodeCraftPosted 9 months ago

    Good work overall!

    A small hint is to use half of the border-radius for the content that's inside an element using border-radius. It creates a more clean visual, and you adjust from there.

    Besides that, only small details can be improved with time like the spacing used between sections.

    For your code, use a CSS reset when you start a project (a modern one), and I would advise you to only use IDs when it's a very unique component. Always aim for classes, instead. On larger projects, this can become a huge problem. Also, use rem for font-size, ALWAYS. It avoid lots of accessibility issues.

    Keep up the good work!

    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