Skip to content
Submitted 12 months ago

QR code component with flexbox

Linderman Moura•10
@LindermanBR
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

This is the first project I made and published.

What did you find it difficult while building the project?

I had problems with setting the right height and width and centralizing objects.

Which areas of your code are you unsure of?

I didn't use Media query so I'm not sure if this is the expected result, the part while I centralize the objects and the size of the body.

Do you have any questions about best practices?

when you deal with a specific element it's better to cascade like body > section > a or use a class?

If anyone has good material on centralizing and tips on margins I would appreciate.

Community feedback

  • NaimurRahman00•180
    @NaimurRahman00Posted 12 months ago

    Dear @LindermanBR,

    Welcome to Frontend Mentor's World. I think it will help you to improve your skills a lot.

    • Maximum time I use class for select specific elements, I think it is easy to find.
    • If you want to center an element, then you can use the display: flex;, justify-content: center;, align-item: center; property and don't forget to use height: 100vh;

    Thank you

    Marked as helpful
    1

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