Responsive recipe page with vanilla HTML & CSS (BEM naming)

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

Took my time with this one and came back to it a few times over a couple of weeks. I guess it's a fairly simple exercise, but I tried to focus in on a few areas:

• Making use of what I think are correct HTML tags
• Ensuring CSS is well structured with block element method naming
• Making use of variables and responsive units of measure
• Testing from the begining with 320px in mind
• Adding comments to html and css to explain the approach.

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

Nothing significant, a bit of reading up on formatting list markers and the different ways to do it, and I had to look up table formatting guidelines.

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

For some reason I couldn't seem to get the 'Outfit' font to apply to the ordered list markers. It seems to show up when inspecting, but the actual digits displayed look wrong.