Skip to content
Submitted over 2 years ago

QR-Code Component using HTML and CSS Flexbox

Gautam•90
@Gautam1201
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone, This is my solution to the "QR code component" using HTML and CSS. I wanted to brush up on my frontend concepts and thought of starting with a project tagged with easy difficulty. So, any feedback is appreciated.

Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • Navendu•270
    @Ashxarya

    Hi! 👋. Good job on completing the challenge!

    I have some feedback to help you out.

    HTML 📄:

    Use the <main> tag to wrap all the main content of the page instead of the <div> tag. With this semantic element you can improve the accessibility of your page.

    Use the <footer> tag to wrap the footer of the page instead of the <div class="attribution">. The <footer> element contains information about the author of the page, the copyright, and other legal information.

    You can also move the attribution style from the HTML into your stylesheet

    CSS 🎨: For ease of access in future projects, you can create variables of different colors at the beginning of your sheet. You can read more here to learn about this.

    Happy Coding!

    Marked as helpful
  • Denil Anyonyi•10
    @Denil01

    Great work.

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