Responsive recipe page using tailwindcss

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

I'm proud of learning about tailwind custom color classes like text-[<hexcode>]. But maybe next time I'll create css classes so the code is a bit cleaner.

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

1 - Struggled with managing the font colour and weight differences in the "Preperation time" card and the "Instructions" section, but after some experimentation it turned out alright.

2 - Also struggled with the table alignment to get it looking as close to the design as possible. A mixture of width and padding classes on the <td> elements seems to have done the trick.

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

I would like some feedback on points 1 and 2 above. Although I managed something I'm not sure if there is a better approach.

Also some feedback about the semantic tags would be helpful. I seem to be abusing <section> a lot. I thought about <article>, but these aren't really articles? dunno