Skip to content
Submitted 12 months ago

Responsive Qr Code with FlexBox

next, tailwind-css
Mesroua Djamel•430
@MesrouaDjamel
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

now I use figma before code

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

I've never deployed the application before, but reading the documentation on vercel makes it easier.

Code

Please log in to post a comment

Log in

Community feedback

  • Dylan de Bruijn•3,220
    @DylandeBruijn

    @MesrouaDjamel

    Hiya! 👋

    Congratulations on your solution, it looks very close to the design! I can tell you put a lot of effort into it.

    Things you could improve ✍️

    • I suggest adding a bit of padding to your body element so the card has some space around it on smaller viewports.

    I hope you find my feedback helpful! 🌟

    Let me know if you have more questions and I'll do my best to answer them. 🙋‍♂️

    Happy coding! 😎

    Marked as helpful
  • Sarfaraz 👾•650
    @sarfarazstark

    Hello @MesrouaDjamel,

    Your solution looks great! For an even closer match to the given design, consider the following adjustments:

    1. Set the max-width of your main tag to 300px.
    2. Add 0.75rem left and right padding to your p tag.

    These changes will help your solution align more closely with the provided design.

    Best regards, Sarfaraz

    Marked as helpful

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