Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Qr Code Component using Astro & Tailwind

Youmna 610

@Youmnaelzany

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

Posted

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
Discord logo

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