Skip to content
Submitted 7 months ago

Qr Code Generator made with HTML and Tailwind CSS

tailwind-css
Rafiza Hanif Rahd•180
@raffee12
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?

Finishing this project is something that I am mostly proud of . But next time I will focus more on the responsiveness.

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

Adjusting the image on the container was the most challenging part. Then I put widths to the container that's how I solved this.

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

I made a mistake while doing the project which is I didn't notice that my browser was on 150% zoomed in. So if someone click on the link to see the actual result they may watch this project more smaller. So I might encourage if someone help me with the adjustments . The specific width that can make the site look alike with the original.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Huy Phan•3,430
    @huyphan2210

    Hi, @raffee12

    This challenge includes a Figma file that you can open to view the page layout. If you're unfamiliar with using Figma, I recommend researching how to navigate and utilize it effectively.

    Once you open the file, navigate to the Designs page. There, you'll find the layouts for how the card should appear on both mobile and desktop.

    Use Figma's tools to measure dimensions, spacing, margins, and other design details. Mastering these tools is crucial as you work toward becoming a front-end developer.

    Hope this helps!

  • Bhuvnesh Upadhayay•2,120
    @bhuvi819381

    Everything is good You should use one h1 in everything project.

    And another thing you link css but using tailwind css I can't even find tailwind css cdn link

    How you do that

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