Recipe Page

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

I am proud of my semantic html, involving researching the different elements and how they should be used, such as the section tags and also the article tag for the recipe.

I am also proud of my ability to make the design responsive, where it switches from the desktop/mobile view with the use of media queries.

I believe the end result is pretty good and matches the figma design.

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

I encountered challenges with the various padding and spacing within elements, such as between the bullet point on the lists and the list item, having to add classes in order to achieve the right spacing as per the figma file.

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

I would like some feedback on both my semantic HTML and also the responsive element of my design. Should I be using pixels for media queries and have I done it in the right way? What other changes should I make to have this as responsive as possible?