Skip to content
Submitted about 2 years ago

QR Component

Smaragda•20
@smara-gda
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

I would appreciate some feedback on the css, specifically on the centering of the component on the page.

Community feedback

  • Mauger•210
    @mauger1998Posted about 2 years ago

    Hey I took a quick look over your CSS and I see you have defined some elements as a flex container but then you have not used the "justify-content" property (for the main axis depending on your flex direction) and align-items (for your cross axis) keep in mind these properties only work if there is enough space for them to move, this is a lot better way of centering an element

    Marked as helpful
    1
    Smaragda•20
    @smara-gdaPosted about 2 years ago

    @mauger1998 Thank you so much for the feedback. I've worked on it again based on your feedback. Now I understood why justify-content & align-items wasn't working in the first instance.

    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