Submitted 3 months ago

QR Code page using HTML and CSS

Dylan Song• 10

@dylans0ng

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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• 250

@damigand

Posted 3 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

Dylan Song• 10

@dylans0ng

Posted 3 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?

David Miguel Andrés• 250

@damigand

Posted 3 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!

Dylan Song• 10

@dylans0ng

Posted 3 months ago

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

David Miguel Andrés• 250

@damigand

Posted 3 months ago

@dylans0ng No problem buddy! Keep it up!

Please log in to post a comment

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