Skip to content
Submitted 6 months ago

QR Code

astro, tailwind-css
Keith•190
@KeithEsc
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?

Next time I would focus on setting up a cleaner folder structure.

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

Had to focus on positioning the QR component. Used a <body>, <main>, and <div> (<div> held my <h1>, <p>, and <img>). Determing which CSS properties needed to be on each element to get the correct positioning took me a minute.

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

Not too worried about font sizes, margins, or paddings, but if anyone notices anything that seems really off please let me know and I'll check it out.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Alaa Mekibes•2,060
    @alaa-mekibes

    Well done, just change the background-color to match the original design. Use a color picker extension if you're unsure about the exact color.

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