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

My First QR Component Challenge

Yoshi 50

@ysstudio22

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?

This challenge was a good way for me to review what I've learned so far about HTML and CSS, and apply them in this project. I was most proud of getting the component to be centered.

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

Took Koda's feedback and applied the changes to better match the design with my solution.

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

I may need some more help with the styling in the future.

Community feedback

P
Koda👹 3,810

@kodan96

Posted

hi there! 👋

If you remove the height property from your .card and modify your body selector, so it has min-height instead of height your design will look much more like the original design.

Hope this was helpful 🙏

Good luck and happy coding! 💪

Marked as helpful

1

Yoshi 50

@ysstudio22

Posted

Thanks @kodan96. It worked!

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