Skip to content
Submitted over 1 year ago

Responsive QR code using bootstrap.

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

Solution retrospective

Hello the sample thing to practices html and CSS .

Code

Please log in to post a comment

Log in

Community feedback

  • Rebecca Padgett•2,100
    @bccpadge

    Hello @jawaher1998. Congratulations on completing this challenge!!!🎉

    I have few tips you might be interested in to improve your solution.

    • Every website should have at least one landmark so you can wrap your content using <main> tag.

    HEADING TAGS

    • Heading tags are very important on a website. You are implementing the wrong heading tag in the project. You can switch the <h4> to a <h1>.

    More info📚:

    CSS 🎨:

    • Adding width and height on elements makes the component squish.
    • Max-width would be better and makes it responsive out of the box.

    Here is my solution to this challenge: QR Code Component

    Hope this helps you and have any questions I would glad answer them just let me know✌🏼

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