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 using CSS grid

@matthiasthieroff

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 challenges did you encounter, and how did you overcome them?

The biggest challenge was remembering the CSS syntax after using exclusively Tailwind CSS for the last few years. I watched a lot of Kevin Powell's videos on YouTube to get a grip of how things are done these days and I needed to look up some things on MDN.

Community feedback

@TedJenkler

Posted

Hi @matthiasthieroff,

Nice project! I actually transitioned from Tailwind to SCSS/css myself, so I understand the struggle, haha. I’d recommend getting the CSS IntelliSense extension for VS Code. It’ll suggest the right classes as you type, making remembering and using the correct ones easier.

For a fun extra challenge, you could create your custom QR code that links to your LinkedIn profile. It’s a cool skill to learn and adds a unique touch to your project.

Hope this was helpful!

Best, Teodor

Marked as helpful

0

@ARiYaNSEp0-0

Posted

Hello @matthiasthieroff. your result is awesome, I have this kind of issue too for me it's like when I know this utility first idea and work with it, it's hard to go back to vanilla css and still a lot of stuff in tailwind is pure css and it's not that far I guess. and It's ok to complete these starter challenges with tailwind too.

Marked as helpful

0

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