Submitted 14 days ago

QR Code Component

Qwerytx_• 60

@sillyq

Preview site View code

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?

aligning the contents so perfect after learning about flexbox

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

at first i can't center divs but after researching on Google i got some idea but still can't fix it and i check the width of body tag because i set it as flex and found out the width was follow the contents inside so i set it as 100vh and fixed everything

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

nothing

Community feedback

P. Ricardo• 2,370

@pRicard0

Posted 14 days ago

If you are struggling with flexbox, I suggest you learn from Flexbox Froggy

You can still improve your code a little bit.

You can use <main> instead of a <div> with the class "card". This way your HTML is more semantic and acessible.
Instead of using <p> with the class "header", you should use <h1>. Every site must contain a <h1>. This way you are going to improve your SEO, Accessibility, Semantics... H1 tags are used to indicate the primary topic of your webpage to visitors and search engines.

Marked as helpful

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