Recipe Page with HTML and CSS

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

I'm proud that I completed this project despite my limited knowledge of CSS. I'll continue improving my skills as I take on more challenges.

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

While building with this project, I have encountered an issue with an ordered list, the spacing between the bullets and the text of the list does not behave the way I expected, also, there is a part of the text that should be in larger font-weight while the rest stays at default, using span element for the bolded text creates a block behavior that pushes the rest of the text as a new block and the text wraps below that block. The text should cover the whole list.

The internet suggest that I should try ::marker with this problem. And I did. What I learned is that ::marker separates the bullet and the text without converting them as block element, in that way I was able to apply some part of the text border and the rest as default. Also, I was be able change the colors of the bullet without affecting the text.

PS. English is not my first language, so please don't take my English and grammar seriously.

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

Mostly with spaces, margins, padding, and text indent. Trying to get the spacing right is time-consuming. Is there any other way to make it easier or more efficient?