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

QR code page (currently desktop only, will develop mobile shortly)

@baronofhelll

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?

being able to do the image as a background image, preventing the untidiness of an . however layout management is bad and must be improved greatly at next revision.

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

sizing the div around background image.

i realized the size of the div relative to the page has primacy, and the bg image should take its size to fit into this box width rather than the other way round. that was the fix.

learned about background-size: contain; property

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

layout

Community feedback

@Praveen3009

Posted

good,it looking verynice

0

@R3lss

Posted

Really good solution

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