Responsive recipe page with HTML & CSS

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

What I'm most proud of is the fact that I was able to debug my code effectively and learning numerous semantic HTML along the way, I'm excited to see what I would do differently myself next time.

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

It was a bit challenging as I was trying to make use of semantic HTML, so trying to get the [] to style properly (across all screen sizes) was one of my challenges in this project coupled with the [::marker] icon in [li] of [ol] - apparently they weren't adjusting to the [list-style-type].

I solved the first one by understanding that there's a [thead] [tbody] and [tfoot] tags in between the table tag and the [tr] tag which was producing a bug as i used the CSS property: grid-template-column. The second I solved my applying the CSS property: list-style-type: decimal, on [ol] directly rather than on [li::marker].

PS: ChatGPT kept on insisting I used the later until I tried using my discretion.

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

I'd like like help with understanding better ways with adjusting the webpages to different screen sizes.