Submitted about 2 years ago

QR Code Component using Flexbox and a touch of keyframes

#gulp#bem

Arturo Simon• 1,785

@artimys

Preview site View code

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Been away for too long. This was a good one to test my feet again using flexbox.

CSS class names are written using BEM naming convention.
Added some simple keyframes for animation practice.
First time using Gulp to assist with sass compiling and autoprefixer for specific vendor prefixes instead of using VSCode extensions.

Any thoughts when it comes to accessibility for a qr code?

Any feedback is welcomed, Happy coding!!

Community feedback

Anna Leigh• 5,135

@brasspetals

Posted about 2 years ago

Hi, Arturo! It's awesome to see you back! 😄

For the qr code, I think the important thing is to make sure you have alt text, which you do. 👍 My only suggestion might be to put where the code links to in the alt text, but that might be redundant since the text below says where it goes. 🤔

Arturo Simon• 1,785

@artimys

Posted about 2 years ago

@brasspetals

Heeeey, It's good to be back. As always thank you for the input Anna

Happy Coding!!

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