Receipe-Page using React + Tailwind

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

I've utilized Tailwind Directives, a new learning experience for me.

I've centralized required text contents, such as preparation time, ingredients, and instructions, into constants stored in a separate folder named constants.

I've followed a mobile-first design approach throughout the project.

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

Tailwind doesn't style headings by default. So, I made custom directives to style them.

Also for the table element created component directives. (index.css file)

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

Any better way of doing things, better practices.

Any suggestions or doubts appreciated.