Recipe Page with CSS Flexbox and basic alignments

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

What I most proud of is I managed to make the page responsive and and sizes close enough to the design

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

Aligning the list both <ul> and <ol> with its bullet point or the number was tricky, so I set the list-style to none, manually at the bullets or the numbers and align them with Flexbox. Flexbox make my life easier

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

I like adding class names to each individual element I don't know if this can slow down the project or it's a good practice. For me, by doing that I could literally find the element with its class name very quickly with VC Code Find Feature (CRTL + F).