Skip to content
Submitted 3 months ago

Responsive Image QR Code Card

Long Mai•90
@looonnng
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 are you most proud of, and what would you do differently next time?

This is my first FEM challenge, so far so good.

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

  • Learning how to use Figma

  • Struggling to determine the wrappers and responsive image

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

Any feedback or comments are welcome!

Community feedback

  • Perfect-Patience•20
    @Perfect-PatiencePosted 3 months ago

    Great work on this! I noticed a few small details, the content-title would look closer to the design if it used the color slate-900 instead of black. Also, there's a box shadow in the design that hasn’t been added yet. Adding it would make the implementation even better.

    I would also recommend using the text in the design instead of Lorem Ipsum. This will help improve accuracy in spacing and layout.

    1
    Long Mai•90
    @looonnngPosted 2 months ago

    @Perfect-Patience Good catch on the box-shadow! I'll definitely add that now. Thanks, cheers!

    1

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