Submitted 12 months ago

QR Code Magic: HTML and CSS QR Code Generator

Bhavya Khatri• 40

@bk408

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

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

Community feedback

Mennatallah Hesham• 1,490

@Mennatallah-Hisham

Posted 12 months 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

Bhavya Khatri• 40

@bk408

Posted 12 months ago

@Mennatallah-Hisham, your feedback is greatly appreciated, and I'm truly thankful for the insights you've shared. Your input will undoubtedly help me improve and excel in future projects. Your time and effort in providing this feedback are truly valuable, and I look forward to applying these lessons to create even better outcomes down the road. Thank you once again for your thoughtful input.

Mennatallah Hesham• 1,490

@Mennatallah-Hisham

Posted 12 months ago

@bk408 , glad you find it helpful.😊

feel free to ask for feedback/resources, I am here to help

have a good day

Please log in to post a comment

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