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 component done using Css grid

@Udochi17

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 would love your feedbacks.

Thank you.

Community feedback

Venus 1,640

@VenusY

Posted

You've done a great job on this challenge! The site is responsive and resembles the design closely.

While playing around with viewport sizes, I noticed that when you shrink the height of the viewport, you eventually run into an issue where the card no longer fits on the page and you can't scroll to view the parts that don't fit on top of that.

This is because you've added overflow: hidden to the body element, which prevents scrolling when there is overflow:

To fix this issue, you can simply remove this property from the body element:

body {
  overflow: hidden; ❌
}

Other than that, this is a very good solution!

Hope this helps! :)

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