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

QR_code_component_using_HTML_CSS

@AdrianaIbarraG

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@DanCodeCraft

Posted

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
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