Skip to content
Submitted 5 months ago

QR code component (HTML & CSS)

jbedville•30
@jbedville
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I was pretty happy with how quickly I finished the HTML and CSS basics.

I would've studied the Figma file earlier on if I could do it again.

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

Getting the sizing of the containers correct and entering/spacing the image. I looked deeper into the Figma file

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

What code to use at different times to centre images, text etc. I am not always sure when or how to use flex box as well.

Code

Please log in to post a comment

Log in

Community feedback

  • Akri•120
    @akri-dev

    Make sure to rename your README-template.md to README.md in Github

    You can remove all of this from your index.html

      <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Outfit&display=swap" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

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