Skip to content
Submitted 3 months ago

QR code component using CSS grid

Matthias Thieroff•30
@matthiasthieroff
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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

  • Teodor Jenkler•3,820
    @TedJenklerPosted 3 months ago

    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•330
    @ARiYaNSEp0-0Posted 3 months ago

    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

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