Skip to content
Submitted 6 months ago

Responsive QR Code Component

Luke Jonathan•10
@lm2u
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I want to choose a different way in setting up the height for the card component.

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

Centering the div

I forgot to set a height for the parent container. Solving it was as simple as setting a minimum height so that the card component can be arranged vertically.

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

I'm quite unsure whether setting a fixed height for the card component would be the way to go here. However, since this is a relatively simple task, it's sufficient

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Boris•4,110
    @makogeboris

    Nice work, it's best not to set a fixed height for the card component or any component instead let the content to dictate the height to maintain flexibility. Also, for the width, it should be max-width.

    Marked as helpful

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