Skip to content
Submitted over 2 years ago

Mobile first QR code component using HTML, CSS and Bootstrap

bootstrap
Wilfred•10
@WILFLEXY
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How do I increase border radius using Bootstrap?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Corvida Raven•680
    @SheGeeks

    Add a class of rounded-# replacing the number sign with any number from 0-9. If you're going to apply this to the image instead of the div, you may need to remove the existing border-radius styling on the image. You can find more documentation on this here.

    I like the way you incorporated your attribution into the layout. I would go with a lighter/paler blue than the QR code and slightly smaller text than the rest of the card to create some visual hierarchy with your attribution.

    Hope these suggestions are helpful and nice work. Keep 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