Recipe page using Astro and Tailwind CSS

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

Overcoming hurdles such as formatting list items markers (size and color), spacing between markers and list item text, and mobile design challenges.

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

I feel like the design I used for the table was a hack with a bunch of tweaks to get it to look correct. I feel like there should be a more eloquent method to do this.

I could only get the mobile design to work by setting individual margins/padding on the sections and the image (whereas originally I had set padding on the container itself until I tried to implement the mobile design). Otherwise, I could not figure out how to make the image flush but yet keep horizontal spacing for the sections at the same time when in mobile design. I feel like there should be an easier and cleaner way to do this.

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

• Cleanup the mobile design.
• Suggestions for better table implementation or replacing with something else (grid?)