Skip to content
Submitted over 3 years ago

QR Code Component Flexbox CSS

styled-components
Juan Gomez•260
@newbpydev
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 believe this is my first project here, it's been a while and I am testing the mentor path.

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

I believe this is my first project here, it's been a while and I am testing the mentor path.

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

I believe this is my first project here, it's been a while and I am testing the mentor path.

Code

Please log in to post a comment

Log in

Community feedback

  • Travolgi 🍕•31,300
    @denielden

    Hi Juan, great job!

    Try to remove all margin from card class and use flexbox to the body for center the card. Read here -> flex guide

    Also set heigth of body to 100vh because Flexbox aligns to the size of the parent container.

    Hope this help and happy coding :)

    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