Submitted 6 months ago

QR Code Component Challenge - Rahul Rajendran

Rahul Rajendran• 10

@Rahul19github

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Completing the challenge. It was difficult for me as its been a long time since I worked on with just HTML and CSS.

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

Setting up the initial container to set the component in center.

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

Quality of Code.

Community feedback

magv01• 40

@magv01

Posted 6 months ago

CSS Feedback

consider putting a fallback font (sans-serif) for - font-family: "Outfit";

It looks like you've taken F2F2F2 (the background page color in figma) for the background color. This should be the color in the style guide: hsl(212,45%,89%); I would also maybe feedback to give "first-text" and "second-text" a more descriptive name like "heading" or "body-text" etc :)

Marked as helpful

Rahul Rajendran• 10

@Rahul19github

Posted 6 months ago

@magv01 Thanks for your valuable feedback. Will include these feedbacks in next project too.

Please log in to post a comment

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