Skip to content
Submitted 4 months ago

QR code component: mainly used CSS flexbox property

TheAashay•210
@TheAashay
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

What are you most proud of, and what would you do differently next time?

Turning the attribution into a box which inverts the color of background and text when hovered over, it might be unnecessary but doing something of my own idea feels good.

What challenges did you encounter, and how did you overcome them?

Adapting to Git and GitHub's process to add, commit and push was initially challenging but now I'm comfortable with it.

Community feedback

  • Anas - Front End Developer student•140
    @Anas-95Posted 4 months ago

    Hey Aashay,

    I'm not a senior who can give you feedback, but seniors recommend using semantic HTML. I really like your design, especially the two buttons! Well done! And it's fully responsive too!

    1
    TheAashay•210
    @TheAashayPosted 4 months ago

    Added <main> tag after accessibility report, now there are no issues in the report, thanks for reminding @Anas-95

    1
  • gmdpickett•30
    @gmdpickettPosted 4 months ago

    You've done well with the main challenge of laying out the main div with the qr code image using flexbox.

    I would suggest looking at other solutions for the attribution content. While the inclusion of these as buttons shows some additional HTML / CSS skill, the content isn't meant to have this kind of focus on the page, it's more like the copyright in the footer.

    Keep up the great work!

    1
    TheAashay•210
    @TheAashayPosted 4 months ago

    I'll keep it in mind next time, thanks for suggestion @gmdpickett

    0
  • Ricardo-Barbosantos•20
    @Ricardo-BarbosantosPosted 4 months ago

    Your site is amazing, wow.

    1
    TheAashay•210
    @TheAashayPosted 4 months ago

    Thank you for appreciation @Ricardo-Barbosantos

    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