Responsive Recipe Page with core HTML & CSS

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

I would use custom list markers next time if I did this challenge. Because, on mobile view, you can see in the preview screenshot that, list markers are vertically aligned with list item and it is hard to do it with default list marker.

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

I was not able to set <ul> and <ol> tags markers' font styles, and I found out that one should use font shorthand property in order to set them. Also, as I did not use custom list markers, it was challenging to vertically align them for mobile screens when text would wrap, so I used a trick of hiding default marker and adding marker with ::before pseudo-element

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

what approach to class styling would be better?