QRcomponent using tailwindCSS

What are you most proud of, and what would you do differently next time?

My learning

I learned some CSS properties such as grid properties, especially flex-box properties Another great learning was the use and configuration of the Tailwind framework, it was my first time using package.json, I did not know the real use that it can be given and what surprised me the most was knowing that tailwind can extend the classes to customize it

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

The biggest challenge I found was using flex-box, how to align the elements to the center using tailwind, this framework is totally new to me, how I overcame it was by reading the documentation on the use of the framework, watching videos and reading the CSS documentation regarding using flexbox to align elements. Another challenge I encountered was the fact that I had to implement some custom properties and it was there that with the framework documentation I was able to realize that the classes could be extended and I watched a video to reinforce this knowledge.

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

I would like to receive help and opinions on what is the best way to organize the classes? In the tag of the html I used the tailwind classes in a different way than I did in the rest of the code, I want to understand How are the classes organized, what is the best way and if it is a good practice or if you can give me advice so that the code is better organized.

Another help that I would like you to give me is: How can I publish or deploy the site on Netlify? since I only used Tailwind, but I did not use libraries that allow me to package the project in production.