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

Responsive web page with single card using HTML and CSS only

@gnunez0101

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


I didn't use a @media query since I consider it is not necessary, and my final solution adapted well for the resolutions requested. Something I'm missing here in this challenge?

Community feedback

@MelvinAguilar

Posted

Hello there 👋. Good job on completing the challenge !

Your implementation is already impressive, making good use of CSS custom properties and dynamic viewport units. One small thing you might consider is including a fallback for the height specified in vh units to ensure compatibility with older browsers. You can also remove the "width: 100vw" from the body since, by default, it already spans the full width of the screen.

Above all, the solution you submitted is great!

Happy coding!

Marked as helpful

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