Submitted over 1 year ago

QR Code Magic: HTML and CSS QR Code Generator

Bhavya Khatri•40

@bk408

A solution to the QR code component challenge

Preview Code

Solution retrospective

Title: Seeking Feedback on Our QR Code Project

Hello, fellow community members!

I'm excited to share a QR code project I've been working on and would greatly appreciate your valuable feedback. This project involves creating and displaying QR code images using HTML and CSS.

What I'd Like Your Feedback On:

Design & Styling: How do the design and styling of the QR codes look? Are there any improvements or creative ideas you'd suggest?

Code Quality: I'd appreciate feedback on the code structure and organization. Are there any areas where the code could be more efficient or cleaner?

Customization Options: Are the customization options sufficient? Should I add more features for users to personalize their QR codes further?

General Feedback: Any other thoughts or feedback you'd like to share about QRify are highly valuable.

I'm eager to hear your insights, suggestions, and any questions you might have. Your feedback will be immensely helpful in refining this project. Please feel free to respond to this post or reach out to me directly.

Thank you so much for taking the time to check out QR Code Magic and for your support in making it even better!

Warm regards, Bhavya Khatri

Code

Please log in to post a comment

Community feedback

Mennatallah Hesham•1,470
@Mennatallah-Hisham
Posted over 1 year ago
Hi Bhavya,

Congratulations on solving your first challenge 🌟

I can see your effort, you did a great job

here are some suggestions to improve your code:
- you can add meta description for better SEO
- alt text should be more descriptive like alt="frontend mentor QR code"
- each page should have one (only one) h1 tag , just replace <h2> with <h1>
- you can improve your HTML markup by using semantic HTML
```
<main>
      <article class="card">
        <img src="images/image-qr-code.png" alt="QR" class="image" />

        <div class="container">
          <h1>Improve your front-end skills by building projects</h1>
          <p>
            Scan the QR code to visit Frontend Mentor and take your coding
            skills to the next level
          </p>
        </div>
      </article>
    </main>
```
you can check my solution link

hope you find this helpful. Happy 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