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

@kiriasru

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 created a component using HTML and CSS, but what I would do differently next time is to take less time to complete it.

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

I would love to receive feedback on how to optimize my code.

Community feedback

@Shakil-a

Posted

Great job on completing the challenge Kevin! , suggestions for improvement would be:

  • always include a main in your index.html and put all your code into that

  • instead of fixed width sizes, have it as max-width so it is more responsive, I know this challenge doesn’t go into that but it’s best to practise now before you learn about responsive design and how to apply it

  • for font size rather than using pixels, use em or rem ( search up the reasons why it’s better practise )

  • and for height apply min-height in most cases rather than height ( so remember for widths we want max-width and for setting heights min-heights, you can search up the benefits and understand why )

Other than that, very good job on the challenge.

Marked as helpful

1

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