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 Code Component Page using Flexbox

chailykevinā€¢ 30

@chailykevin

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


I had a hard time figuring out why my image kept going to the left side whenever I tried to make it smaller.

Community feedback

Velin Dankovā€¢ 160

@IvelinDankov

Posted

Hi, chailykevin!

You should add maybe by h1 and p element a class. Put always main element in your main part of the project. Background is something different try next time to be more precise.

1
Daniel šŸ›øā€¢ 44,230

@danielmrz-dev

Posted

Hello @chailykevin!

Your solution looks great!

I have a suggestion for improvement:

  • For semantic reasons, use <main> to wrap the main content instead of a <div>.

šŸ“Œ This tag change does not impact your project visually and makes your HTML code more semantic, improving SEO optimization as well as the accessibility of your project.

I hope it helps!

Other than that, great job!

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