Submitted 4 months ago

Responsive QR-Code Grid Card || HTML & CSS

Krishna Rawat•20

@Krishnarawatethic

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I would like to design first then make because sometimes paremeter issue I have noticed from my end so far.

What challenges did you encounter, and how did you overcome them?

The challenge was to center the card container to the center but I then managed to make it center plus responsive.

What specific areas of your project would you like help with?

The areas to create a design using Figma is challenge since my laptop hangs due to less RAM and memory which already is running VS Code and browser in behind.

Community feedback

beowulf1958•1,450
@beowulf1958Posted 4 months ago
Congratulations on completing this challenge. It looks good so far.

I have a few suggestions. First, your image isn't loading. This is because you left off the file extension. Try this instead: <img id="img" src="images/image.png" alt="QR code to Frontend Mentor"> Note that you should always have an alt value in case the image doesn't load.

Next, you can make it look more professional by giving your page a title instead of just "Document", something like: <title>Frontend Mentor | QR Code Challenge</title>

Lastly, you can include the Frontend Mentor logo on the browser next to the title by adding a link in the <head> section: <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">

Hope this helps. And keep on coding!
Marked as helpful
1

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