Skip to content
Submitted almost 2 years ago

Responsive QR code using Flexbox and EM/REM

Benjamin Lincoln•20
@CuriousFullStacks
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

My only issue here is that I couldn't get the "M" in mentor to be a bit before the word "Scan" like in the preview. I'm not sure why.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Yasmine•710
    @Yasmine10

    Hi @CuriousFullStacks

    When you remove the width: 70% in your <p> element and add padding-inline: 2rem; , the text should look the same as the design.

    Hope this helps 😊

    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