Skip to content
Submitted over 1 year ago

QR Code Component Solution

Alessandra Oliveira•710
@itsale-o
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

Hi!

This is my solution to the QR code component challenge. Please, feel free to point anything I could've made diffrently.

For this challenge the whole process was actually easy, I just had some trouble to center the components. Am I missing some easier way to do it?

Community feedback

  • Mariam Saeed•30
    @Mariam-SaeedPosted over 1 year ago

    Nice Job! You can use flexbox property justify-content: center to the parent of the card.

    Marked as helpful
    0
  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Great work Alessandra!

    To center the component you can just add margin: 0 auto; to the body. It looks like you have set up max-width: 1440px, so once the screen gets wider, the extra space will be added to the right side of the body. But with margin: 0 auto, you can align it horizontally.

    Hope you find this feedback helpful!

    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