Responsive recipe page using Flex, BEM

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

I applied BEM much more strictly compared to my previous projects. For example, I noticed that all the sections (Title Section, Ingredients, Instructions, etc.) were variations of the same basic style. So I created a block to represent this basic entity, called component, and then added modifiers for a slight change in component's appearance.

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

I was a bit confused about how to create custom bullets for li elements, but ultimately figured it out by using the ::before pseudo-class.