Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Centered QR Code

@mstrick994

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • 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 am most proud of it's responsiveness when adjusting the screen width. I think I now have a better understanding of utilizing min-width and setting the html, and body height to 100% first.

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

Adjusting the qr code to be relative with the parent container. I had to look up the aspect ratio property.

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

I'm not too sure about exactly which area in particular for this one. But I would say overall I definitely need to learn when and where to use certain height and width properties and when not to use them.And just overall tips altogether in general for best practices.

Community feedback

@Manyonge

Posted

try to get closer to the design next time

0

Please log in to post a comment

Log in with GitHub
Discord logo

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