Skip to content
Submitted 6 months ago

My First QR Component Challenge

Yoshi•50
@ysstudio22
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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

  • Koda👹•3,830
    @kodan96Posted 6 months ago

    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
    @ysstudio22Posted 6 months ago

    Thanks @kodan96. It worked!

    1

Please log in to post a comment

Log in with GitHub

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