Skip to content
Submitted about 1 year ago

QR component using flexbox

Natalie Smyth•340
@nataliesmyth
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

I struggle with keeping my CSS concise, which becomes a huge problem when working on more complex projects, so I thought it was a good idea to try to build this QR code and intentionally try to be as dry as possible. Any feedback on how I did or suggestions on how to not have a bloated css file would be appreciated :)

Community feedback

  • P. Ricardo•2,370
    @pRicard0Posted about 1 year ago
    • The alt attribute should not contain the words "image", "photo", or "picture", because the image tag already conveys that information.

    I didn't find any other errors, congratulations

    I think CSS gets better when you start using libraries or frameworks, like React and TailwindCSS because you can reuse a lot of things

    Marked as helpful
    2
    Natalie Smyth•340
    @nataliesmythPosted about 1 year ago

    @pRicard0 Thank you! I didn't realize that, although now that you say it, it makes perfect sense. Cheers!

    1

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