Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Component Solution

@itsale-o

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-Saeed

Posted

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

Marked as helpful

0
P
visualdennisβ€’ 8,375

@visualdenniss

Posted

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
Discord logo

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