Responsive Recipe Page with Media Query & Flexbox

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

I am proud to apply mobile-first design, to identify the styles that could be identified as globals (general), and to apply the styles for different screen sizes. In addition, I am glad to be able to structure the document with semantic elements like main, section, ul, ol, h1, h2 and so on.

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

• Adding a border bottom to the table row, it was working when added to td but not when adding it to tr, I did a bit research and learned about border-collapse.
• Styling the li markers was a bit fun; never encountered it before.