Skip to content
Submitted about 2 years ago

Responsive QR component using Flexbox and some ITCSS

Sebastian Vargas•100
@sebas-tcotd
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

How can I improve my ITCSS structure? Is there any convention or best practice using that in native CSS?

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted about 2 years ago

    Hey @sebas-tcotd, some suggestions to improve you code:

    • The Alt Tag description for the QR image needs to be improved upon. Its needs to tell screen reader users what it is and where it will take them to when they scan it.

    • Media queries are not needed for this challenge.

    • Delete the following from .c-card, they are not needed:

    .c-card {
  display: flex;
  flex-direction: column;
}

    Happy Coding!

    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