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 Solution

P

@kyloren808

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?

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

Posted

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
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