Submitted 4 months ago

Basic QR code with display Flex

Thiago Lorhan• 110

@Thiagouh

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 happy to note that I'm improving my skills with the front-end, but I still have a lot to improve. next time, I intend to be faster and create better paths

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

My challenges were making the site responsive for different screens. I solved it after a long time changing the CSS measurement units

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

in everything possible. I still have a lot of difficulty understanding whether what I'm doing is the best thing to do. the broader the feedback, that is, going beyond HTML and CSS files and including the projection of the README, for example, it would be of great help so that I can adapt to the correct use of Frontend Mentor's functionalities

Community feedback

Martin Flischman• 20

@MartinFlischman

Posted 3 months ago

Semantic HTML: Good use of semantic elements; consider simplifying <section> to <div>.
Accessibility: Effective alt text; adding ARIA roles could further enhance accessibility.
Responsiveness: Responsive design is well-executed; improving small screen layouts would benefit.
Code Quality: Code is clean and readable; organizing CSS better could improve maintainability.
Design Fidelity: The design closely matches the brief; refining spacing would enhance polish.

Great job, Thiagouh! Your project is well-executed with a few areas for refinement.

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