Skip to content
Submitted 8 months ago

1st challenge solution (QR code component), using CSS Grid and Flexbox

Joramir Jr.•250
@JoramirJr
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?

Well, it was a very simple problem, so I don't think there's much room for improvement. Overall, I'd say that I could keep an eye on accessibility principles, since I'm aware of none of them. I'm not sure if I used the correct HTML semantic tags for the job, so that would, maybe, be something I'd change.

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

None

What specific areas of your project would you like help with?

I used a tag for the bottom text, but I'm not sure if that was a good decision. Also, In order to align the QR code image, I used a wrapping for the job, but probably I could've centered the , in the top section, without using an extra .

Community feedback

  • Guilherme Dias Simões•210
    @gdsimoesPosted 8 months ago

    It looks pretty good and if you use the box-shadow it will look even better!

    Also, you might consider using a separate CSS file. It won't change the final website but makes for a better developer experience.

    2

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