Recipe page (HTML + CSS only)

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

I think implementation is pretty close to the design.

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

• Styling the table took more time than I expected.
• Removing image left/right space in mobile view:
  • I didn't notice first and put a padding to the whole card.
  • I try negative padding when I finally noticed the issue but didn't find a solution
  • Introduced an artificial div then to separate text from the image and manage padding separately. I'm feeling there might be a simpler way.

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

I don't understand the "Spacing" section in the Figma design: I feel I'm missing something, my spacing variables are a mess.

Also would like to see a cleaner solution for the image sizing.