Recipe page using Flexbox, Media queries, CSS Custom Props

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

• I am getting better at using Flexbox.
• I used Flexbox's gap property instead of margin and I find it more convenient.

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

• Moving list items were little bit tricky for me, because I couldn't decide which way the correct way to do that. So I modified the default padding on the parent (ul, ol) elements and after that I use padding-left on the list items.

• I can't center my article component with flexbox, I guess the container or the viewport is not big enough. Any idea to solve that? Or should I use the absolute position trick?

• Sometimes it takes more time for me to decide which is the correct way to do something, but I know there are more correct solutions, and it depends on the task.

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

• Decide which method I should use to solve a task faster.

I gladly receive any opinion where can I improve myself based on my solution.

Thank you for your review in advance. :)