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 Module [HTML/CSS]

@sheharyarabid

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


It was not diffuclt at first had basic problems i encountered like vertical alignment of flexbox divs. I am not sure about margins although tried my best. So far enjoyed this one! TIA.

Community feedback

@JordanMartinWebDev

Posted

The spacing is a little weird on your bottom text. Try adding inside of your card, the bottom text needs some margin/padding-bottom. Also, the text for both the header and <p> text should be slightly smaller than the QR Code Image size. Try adding a css width to that section and make it slightly smaller than the width of the image above. I think I did like 10px smaller and it looks 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