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

@CastonPursuit

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?

How quickly I could get it done and use of grid.

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

Forgot I added a 200px height to img in HTML so while trying to resize in css spent a couple of mins trying to figure out why my image would change

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

None

Community feedback

@Prantaneel-Pegu

Posted

While you have done quite a good job, there is a major flaw in accessibility. Your site breaks in landscape mode for a mobile device with dimensions 320 * 675, which is the bare minimum a website should support. You can fix this by using responsive container sizes, typography and media queries. Also consider adding some more padding between the .qr-container and the inner text.

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