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

Clasic HTML and Css component

lucielub 90

@LucieLuB

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


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

I already publish my solution

Community feedback

Yijia 40

@JellyYJ

Posted

Great and consistent design

Marked as helpful

0

@TedJenkler

Posted

Hi @LucieLuB,

Nice project! To improve it, here are a few suggestions:

I would recommend purging as many divs as possible and replacing them with semantic tags. This project could easily be done with a single <main> tag using a flex column layout. By eliminating unnecessary divs, your code will be cleaner and improve both accessibility and SEO.

Because of the shareability of this project, you should add meta OG (Open Graph) tags to create beautiful link previews and improve SEO.

Consider making the QR codes clickable, which can help older people by allowing them to use it as a link rather than scanning it.

As an extra challenge, I would suggest learning how to create custom QR codes—it’s a really fun topic!

Keep up the good work!

Best, Teodor

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