Submitted 5 months ago

QR Code Solution

Matt Cope• 340

@MatthewPCope

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

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

I'm proud of completing my first challenge following a Figma design and deploying it using Github Pages.

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

I had to look up how to handle that box shadow to make it look floating.

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

I didn't need help on this one, but I most likely will on future challenges.

Community feedback

Yrwin Avellona• 70

@CoderExplore365

Posted 5 months ago

The code is almost perfect. It is the QR-Code image that is very big and it is taking to much space in the entire container. Make sure the QR-Code is a bit smaller and it will be a bit close to the original design. This project is very accessible because it does not mess up the container and can be used for all people. The code is very well structured because it can be readable. It can be reusable because other people can code it so they could fix some areas that can be corrected.

ikethedev• 260

@ikethedev

Posted 5 months ago

I love the simplicity of your solution. Maybe an update to your code can be to use semantic HTML to help with accessibility. Semantic markup it something I am trying to better with seeing how you would implement it would be helpful!

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