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 static page with HTML and CSS

@Beenjmin

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?

What I am most proud of is having successfully put into practice the knowledge I have been acquiring over time related to frontend page creation. What I would do differently is use another method to center the container in the middle of the page, such as Flexbox or Grid, as I chose not to use these properties.

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

My biggest challenge was centering the container in the middle of the screen and using the background-image property to add the image. To solve them, I practiced what I had been learning and, through trial and error, I learned how to apply the properties in a practical way.

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

I don’t have many doubts, as I was able to complete the project correctly based on the outcome. I could say that the only consideration I would make is about the description text in the paragraph, which isn’t exactly aligned with the image in terms of positioning. It’s a subtle detail that doesn’t change much, but I noticed it exists.

Community feedback

@Shankarganesh-B

Posted

This solution gave me an idea of how simple it could be done without over complicating it.

1

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