Submitted almost 2 years ago

QR code component - HTML / CSS

Philipe Rocha• 30

@phislipe

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

🤖 Hi guys! Here's my solution to the "QR code component" challenge!

Came back to this project after a while to improve the code, made some major changes in the CSS, and implemented display: grid instead of flex.

♻️ Changes:

Decided to refactor this project and use CSS grid instead of flex.

As a newbie, I'll be happy to hear any feedback and advice!

Community feedback

Jeffrey Hill• 100

@webdevhill

Posted almost 2 years ago

The proportions and size are spot on. Is it responsive below 375px? Not really, but it is a clean solution to the challenge.

Well done!

Philipe Rocha• 30

@phislipe

Posted almost 2 years ago

@webdevhill Appreciate it! 🙏

Jeffrey Hill• 100

@webdevhill

Posted almost 2 years ago

@phislipe You did the right thing by designing it mobile-first @375px. That is what the README, the style guide, and the screenshots gave us.

Again nice clean work

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