Skip to content
Submitted over 2 years ago

QR Code Component using Flexbox and a touch of keyframes

Arturo Simon•1,785
@artimys
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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
    @brasspetalsPosted over 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. 🤔

    1
    Arturo Simon•1,785
    @artimysPosted over 2 years ago

    @brasspetals

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

    Happy Coding!!

    0

Please log in to post a comment

Log in with GitHub

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