Skip to content
Submitted over 2 years ago

QR Code component page

Javed•200
@ofcljaved
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How do you make responsive font size ?

Code

Please log in to post a comment

Log in

Community feedback

  • Hassia Issah•50,390
    @Hassiai

    To center the main on the page using grid, replace the height in the body with min-height: 100vh.

    For a responsive content replace the width in the main with max-width and give the img a max-width of 100% instead of a width and height value.

    Give h1 and p a font-size of 1.5rem which is 15px and replace the padding in .info with a margin value.

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

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