Submitted 8 days ago

Responsive QR Code Component using HTML and CSS

Divyesh172•10

@Divyesh172

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 really am proud that I could complete this.

Next time, I would try to complete it without help.

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

The most challenge I faced was to center the div and adjusting the qr-code.

I tried different margins and padding and then I used flex element.

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

I really needed help regarding hosting the site. I still am in doubt if I did it correctly. Please check and help.

Community feedback

Sinchana M A•10
@Sinchana-maPosted 8 days ago
Use of semantic HTML improves readability and accessibility, and the layout is responsive across different screen sizes. However, adding ARIA attributes and ensuring alt text for images can enhance accessibility. Some elements feel a bit cramped on smaller screens, so improving spacing and padding would help. Consider using CSS variables or reusable classes instead of inline styles for better maintainability. Lastly, double-check font sizes, colors, and spacing to ensure your design closely matches the original.
0

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