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 Card Component

@ChantalNgwenya

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


As a newbie, I struggled mostly with styling the components needed and making sure my qr components is the same as the one thats required.This is my solution to Frontend Mentor's QR Code Component challenge. Developing a QR code component that shows an image of a QR code together with a title and description was the challenge. The component had to match the given design preview and be responsive.

I used HTML and CSS to create the QR code component.

Working on this challenge was a lot of fun because it let me use my knowledge of HTML and CSS to make a useful and eye-catching component. I thought the experience helped me become a better front-end developer.

I would be very grateful for any criticism or ideas for development. I appreciate you looking over my solution.

Community feedback

@ThiagoBRG60

Posted

Your QR code component looks really good, I don't see any problems with your code.

I would just maybe recommend you using a <main> tag inside your <body>.

I also see you used the font-family property inside the body, h1 and p elements, but it should apply to all of the elements if you just keep it inside the body.

Keep learning and improving ! 😊

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