Skip to content
Submitted 4 months ago

QR code component

Gabriel Nascimento•60
@GabrielNP96
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'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.

Community feedback

  • Alex•3,130
    @Alex-Archer-IPosted 4 months ago

    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
    0
    Gabriel Nascimento•60
    @GabrielNP96Posted 4 months ago

    @Alex-Archer-I

    Thank you once again. I will use rem in my next projects. As for the fonts, to be honest, it was a detail I didn't pay attention to, but from now on, I will make sure to use them. By the way, thank you very much for the support.

    1
    Alex•3,130
    @Alex-Archer-IPosted 4 months ago

    @GabrielNP96

    You're welcome =)

    Fell free to ask anything if need =)

    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