Responsive Recipe Page using basic HTML/CSS with BEM

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

I manage to make it responsive. I would probably think of a better way to structure the HTML.

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

The challenges I encounter is to add spacing between the marker and the content of the list (marker is the bullet or numbering in li elem). I tried different approach but I ended up with adding padding left to the whole ul and li. Second is to make the image cover the viewport width in mobile. I just make it part of the container to make it easy to modify using media query.

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

I would like to help with how I structure my HTML. If you have time you can check my solution. any feedback will be appreciated. Thank you in advance!