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

I used position absolute to center the div

@martinalzc

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


What are you most proud of, and what would you do differently next time?

Im proud of how i didnt gave uo whrn i couldnt center the card

What challenges did you encounter, and how did you overcome them?

I struggled centering the qr card

What specific areas of your project would you like help with?

I need feedback of how i centered the qr card because i think i did it a little weird

Community feedback

P
mantis 240

@morauszkia

Posted

For centering divs, you might want to check out the flexbox way, which is really cool, and easy way to center things in flex containers. I see you are using flexbox within your article, but you can turn your body to a flex container too, and justify and align items to the center. In this case, you should remove the attribution from the flex container, but using position: absolute, which you do, solves this problem, too.

0

@ksjang0515

Posted

text color and size is a bit off. refer to style-guide.md for detailed description of colors and sizes.

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