Submitted 2 months ago

Qr-code component

larryQuao• 90

@larryQuao

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I completed a challenge for the first time on Frontend Mentor. I would continue to challenge myself to do more challenges to improve my web development journey.

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

At first, I could not center the QR-code component to the center of the page. I had to read several documentations and practice it before I was able to overcome the challenge

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

I want to learn more about CSS layouts like positioning, alignments, and related CSS layout properties.

Community feedback

haquanq ®️• 1,585

@haquanq

Posted 2 months ago

Hello 👋

About centering elements

If you want to center a single element horizontally, you can use margin-left: auto and margin-right: auto or margin: 0 auto for short.
When you want to center more than 1 element at the same layout then it's better to use display: flex which allow more control over how elements are placed (read more here)

Keep it up, happy coding 👨‍💻

Marked as helpful

larryQuao• 90

@larryQuao

Posted 2 months ago

Thanks, @haquanq, will keep that in mind and practice it...

Gabriel.cmd• 220

@gabriel-m-dev

Posted 2 months ago

good!

larryQuao• 90

@larryQuao

Posted 2 months ago

Thanks, @gabriel-m-dev

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