Skip to content
Submitted about 1 year ago

Responsive QR code component with nextjs and tailwindcss

next, tailwind-css
Jérôme Girard•170
@Jerome-gir
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I did not succeed in modifying the svgs in mobile mode, I subsequently saw that it was possible to do so by passing my svg into a component by modifying it (by removing fill, height and width it seems to me ) by giving it the props classname to be able to modify it later in my page. There may be another, simpler solution to do this.

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

I would like to have feedback on responsive versus svg, how I could best modify an svg in mobile mode.

Code

Please log in to post a comment

Log in

Community feedback

  • Christian Zigah•40
    @zigahchristian

    Suggestion

    Dont worry about svg stuff's yet you will learn to make that at the advance stage.

    You problem now is responsiveness. learn more about h-screen' tailwindcss.

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