Skip to content
Submitted 26 days ago

QR code component

Ivan Beltran•20
@Serebroinna
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?

I am proud of how quickly I was able to develop this component, and in the next challenge, I will take more time to analyze the Figma design since I realized that it contains all the information I needed for styling.

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

I forgot the box-shadow syntax, but fortunately, ChatGPT exists

Community feedback

  • GCrane93•70
    @GCrane93Posted 26 days ago

    It's very nice, almost matching the design. If you can access the Figma file, it's great to reference styling and sizing.

    Suggestions

    • Use Grid / Flex for styling, consistent spacing
    • Override default paragraph margins to match closer to design
    • Display Block on the image tag can fix a possible future issue of a white space underneath
    Marked as helpful
    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