Skip to content
Submitted 8 months ago

QR Code page using HTML and CSS

Dylan Song•10
@dylans0ng
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?

I'm proud of being able to figure out how to center all the items on the page, including the container and the text box inside the container.

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

I struggled getting the text to be in the bottom of the container, but I realized I could use the text-align property.

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

I'm wondering if my positioning of all the elements are looking good.

Community feedback

  • David Miguel Andrés•330
    @damigandPosted 8 months ago

    Hey there! Just letting you that you probably forgot to upload the QR image file in your repository and live server, so the QR image doesn't actually appear

    1
    Dylan Song•10
    @dylans0ngPosted 8 months ago

    @damigand Hey thanks for letting me know! I just uploaded the QR and favicon images into the GitHub repo, but the QR image still isn't loading. Is there something else I have to do?

    1
    David Miguel Andrés•330
    @damigandPosted 8 months ago

    @dylans0ng Hey! The QR loads fine for me in the website. In order for it to show in the challenge screenshot, you need to update the screenshot by clicking on a button that should be around here there.

    Great work!

    1
    Dylan Song•10
    @dylans0ngPosted 8 months ago

    @damigand Oh yeah, I just updated the screenshot and it works now. Thank you for the help!

    1
    David Miguel Andrés•330
    @damigandPosted 8 months ago

    @dylans0ng No problem buddy! Keep it up!

    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