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 vanilla

Micke Ly 10

@MikeLeeWebDev

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?

Not sure, that I managed to make it look somewhat similar to the design?

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

The text was a little tricky to make it look exactly similar. Used ch to set max-width on the p-tags to limit the amount of words on 1 line. Also had to play around with size and padding of the card to make it look right.

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

I would like to know what I can improve in my code, like for best practice or if i can do things more efficiently, etc. Also whether or not my product actually look similar to the design.

Community feedback

@Divyansh-04

Posted

The given solution is almost impeccable, the only fault I can find is not using the exact sizes given, leading to slight offset. Qualitatively this fulfills the requirements.

Marked as helpful

1

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