QR Component with Astro + TailwindCSS

Solution retrospective
I'm proud of how accurate it looks and how little time it took me to make it.
What challenges did you encounter, and how did you overcome them?Not many, but I think that at first I had a hard time with the colors and their combinations.
What specific areas of your project would you like help with?I'd like to know what I can improve regarding the code structure, what classes I can avoid or remove, what I missed adding, etc.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Zainabeyy
Hey, your code is well written.
For font size, it's best practice to use
rem
instead ofpx
. Also, if you set the max-width to 100vw instead of 100%, and the min-height to 100vh, and apply theflex
,items-center
, andjustify-center
classes, it will center the card both vertically and horizontally.It's also better to provide
alt
text for images rather than leaving it empty.
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