Skip to content
Submitted 7 months ago

Qr Code Component using Astro & Tailwind

Youmna•610
@Youmnaelzany
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?

What I'm most proud of in this frontend project is the clean and efficient use of various technologies and plugins like prettier, astro, and tailwindcss. The code is well-structured and organized, and media queries have been effectively used to provide a responsive design.

If I were to do things differently next time, I would consider automating some of the processes like formatting and linting using tools like Husky or commitlint. I would also explore the use of other modern technologies or frameworks to stay up-to-date with the latest trends and best practices in frontend development.

Community feedback

  • Mario Chico•70
    @Mario-chicoPosted 6 months ago

    The usage of tailwind is smooth, allowing to nail the actual design, I consider the text width should match the subtitle and do a component for the qr instead of just build everything on the main page for re-usability. In general is a good solution and the knowledge of tailwind with Astro seems strong. Congrats!

    Marked as helpful
    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