Submitted 6 months ago

I used position absolute to center the div

Martinna Lazcano•40

@martinalzc

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

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

mantis•240
@morauszkiaPosted 6 months ago
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•10
@ksjang0515Posted 6 months ago
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

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