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 QR Code Component Using HTML& CSS

@zahirpk

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


Achieving another mile stone QR Code Component YouTube: video link https://youtu.be/inJ59kRmI5w

Community feedback

@ADEYEMI4002

Posted

the border radius of the box doesn't correspond with the sample

1

@momolajnef1

Posted

@ADEYEMI4002 also it needs more width. look at how the text is displayed.

0

@zahirpk

Posted

@ADEYEMI4002 set *{ padding:0; margin:0; box-sizing: border-box; } units used instead of px font-size: body used px font-size other than body is used "em" padding, margin, width and media query use "rem"

give margin bottom 1rem . your QR design is very good.

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