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

Responsive Qr Code with FlexBox

@MesrouaDjamel

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?

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.

Community feedback

@DylandeBruijn

Posted

@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

0

@sarfarazstark

Posted

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

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