Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive QR Code Component using HTML, SCSS, and Webpack

#sass/scss#webpack
Fidel Lim 2,775

@fidellim

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback are appreciated!

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hi Fidel!

It's perfect, just to avoid the accessibility problem I would change <h3 class="qr-component-title">Improve your front-end skills by building projects</h3> to <h1 class="qr-component-title">Improve your front-end skills by building projects</h1>.

If you can add some box-shadow to <div class="qr-component"> but it's not really necessary but it would give it a special touch.

And as I say it looks spectacular, good luck :D!

Marked as helpful

1

Fidel Lim 2,775

@fidellim

Posted

@Sdann26 oh yeah! Thank you for your feedback! Didn't even notice that there is a shadow on the component. :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

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