Skip to content
Submitted 7 months ago

QR-Code Solution

Nathaniel Coleman•20
@kyloren808
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?

I am really proud that I was able to figure out the solution and after some searching, I created something very close to the challenge.

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

I was thinking that the card was supposed to be responsive, but after looking at the documentation I realized the layout did not have to be responsive.

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

I would like feedback on my use of Semantic elements and CSS custom properties

Community feedback

  • cahitalpdemir•150
    @cahitalpdemirPosted 7 months ago

    Layout on different screen sizes: The layout seems fixed with specific dimensions set for elements like .card. It may not adapt well to various screen sizes or orientations. Considering responsive design principles, it could be improved by using relative units (like percentages, ems, or rems) instead of fixed pixel values for dimensions.

    Marked as helpful
    0

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