Submitted 6 months ago

QR code component

vv• 140

@dblvv

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?

making body's height equals to that of the view port was time-consuming.
reminded of the need to change the defaults of html and body margin and padding.

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

view port height
aligning main to the middle of the view port

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

syntax remembering technique

Community feedback

Saul Gabriel Aranguren• 300

@saularanguren

Posted 6 months ago

Greetings friend, your solution is fine, however it can always be improved, from the colors, measurements and including the technology you use, remember that html and CSS are worked separately, on YouTube you can find a lot of material that can help you improve, happy coding

kel456• 20

@kel456

Posted 6 months ago

Nice job! Just a few minor tweaks I might suggest:

The style-guide.md has the color codes that you need; the heading looks black, but the reference's is dark blue
It looks like there should be a little more space between the heading and body text
The border-radius of the QR code image could be smaller

Overall, great work!

SMHN• 200

@smhnfreelancer

Posted 6 months ago

font-size: 80%; I didn't expect that for the sub-text. it's mentioned in the style guide to put the font-size to 15px.

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