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

HTML, SCSS and BEM

@Jared-dev-prog

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@mayankdrvr

Posted

Congratulations Jared-dev-prog for completing this challenge. Your design matches the solution very well.

Here are a few observations-

  1. Below 353px width of screen, the image, text and card gets partially hidden and the text does not wrap and image does not resize. Maybe, you can make it more responsive by setting the maximum width of card to be upto 100% of width of its parent container.
  2. Avoid using <div> element in html file and use semantic html elements for better web accessibility.

Awesome solution and keep it up.

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