Skip to content
Submitted 6 months ago

QR code using HTML and CSS

William Andrade•10
@WilliamAndradeMoura
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Omair Majid•100
    @BigO-DevPosted 6 months ago

    Overall, your project is well-constructed, with a clear structure and good style decisions. Addressing the minor issues below will enhance its accessibility and maintainability.

    • There's a typo in the <title> tag ("component" should be "component").
    • The <img> tag is missing an alt attribute. This attribute is crucial for accessibility as it provides a text alternative for screen readers.
    • The import of Google Fonts should be placed in the <head> section of your HTML to ensure it loads before your page content. This helps avoid a flash of unstyled content (FOUC).
    • Consider adding responsiveness through media queries if you expect the page to be viewed on different devices.
    • In your CSS for the paragraph within .text, you've used text p which is incorrect. It should be .text p to correctly select the paragraph within the .text class.
    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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