Skip to content
Submitted 11 months ago

QR Code Components with HTML and CSS

Dagmawi M•10
@CODA29
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

This was a fun and simple project. It helped me refresh the Flexbox concepts I learned a while ago.

Community feedback

  • Dimitar Radev•930
    @Mitko90Posted 11 months ago

    Hi, nice solution. It looks very similar to the design.

    I have only one little thing to note:

    You have display: flex on the body, which is great, but then on your .card you have justify-self: center

    The justify-self does not have any effect here as the parent is set to flex. justify-self is used on items which parents have display: grid. You can delete it and nothing will change.

    Keep up the good work and Happy New Year 🎉️🎉️🎉️

    Marked as helpful
    0
    Dagmawi M•10
    @CODA29Posted 11 months ago

    @Mitko90 Hi, thank you for taking the time to review my project and give your feedback. I am glad you brought that to my attention. I was playing around with different approaches to solve the challenge. Hence, I forgot to delete the justify-self attribute. I will make sure I will update it. Thanks again! Happy New Year 🎆

    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