Semantic HTML and Responsive Recipe Page Solution

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

I'm proud of using the provided .ttf files using the @font-face rule. I was not able to do this previously but now I've learned that this should be the right way to do this. I was also able to use rem and em for the font-sizes.

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

1. The lists' styles are a bit challenging. I played around with the padding to be able to move the bullets and numberings. Also, I thought the Ingredients' list has round bullets but upon looking closer, it has square.
2. I also struggled a bit with the mobile design. I used a @media query but I'm not sure if that is the most appropriate way.

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

I would very much appreciate any suggestions that could improve my skills.

Thank you so much!