Qr Code Generator made with HTML and Tailwind CSS
Design comparison
Solution retrospective
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.
Community feedback
- P@huyphan2210Posted 4 months ago
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!
1 - @bhuvi819381Posted 4 months ago
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
0
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