Skip to content
Submitted 12 months ago

QR code component

Gabriel Nascimento•60
@GabrielNP96
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I'm proud to have successfully completed this project. However, if I were to do it again, I would focus more on ensuring consistent measurements throughout the design. This includes elements such as padding and border-radius, which I didn't pay enough attention to initially and had to adjust later.

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

Overall, I didn't find the project to be particularly challenging. However, I did encounter some difficulty initially centering the image. I quickly realized that I could use flexbox to achieve the desired alignment.

Code

Please log in to post a comment

Log in

Community feedback

  • Alex•3,130
    @Alex-Archer-I

    Hey there =)

    It's cool that you doesn't use percentage here, but I suggest you to use rem for font size. Those values depends on browser's font settings so it's the better choice.

    Pixels in turn good for such properties as border-radius cos you don't want this value to change.

    By the way, why doesn't you use fonts provided for the project?

    Anyway, congrats with another challenge, you really improved, keep doing =)

    Marked as helpful

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