Submitted 4 months ago

qr-code-component using CSS flexbox

CodeCuriousCat• 20

@ANTHEIAM

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 got to use a little bit of flexbox and understanding how to align elements.

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

Flexbox, I have some troubles with it. I overcame them using google researches.

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

I didn't use SASS or LESS, I would like to try it next time. But for help, no I didn't really need something particular.

Community feedback

kudos2Shef• 170

@kudos2Shef

Posted 4 months ago

Hi @ANTHEIAM, Congratulations on completing this challenge!

Your solution is perfect just change the image tag src to this <img src="images/image-qr-code.png" alt="image-qr-code"> this will make image appear. Remove first slash before images from src as it is stopping from reading the source url <img src="/images/image-qr-code.png" alt="image-qr-code">

Hope it helps, Happy Coding

Marked as helpful

CodeCuriousCat• 20

@ANTHEIAM

Posted 4 months ago

Hello @kudos2Shef, thank you for commenting!

Yes I didn't know how to fix that bug since in local it was working just fine, I will update the new version once home. Thank you very much for your feedback.

able c j• 70

@ablecj

Posted 4 months ago

I have checked your link the image is not calling. please fix that part.

Marked as helpful

CodeCuriousCat• 20

@ANTHEIAM

Posted 4 months ago

Thank you for your feedback @ablecj

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