Responsive Recipe Page

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

I'm proud of the fact that I was able to style this on my own with no help, and that on the responsive design I was able to do this as well with no help. Overall, I am becoming more comfortable using CSS.

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

I encountered a challenge in where to place the figure element which contained the img. I decided to place it above the main recipe content, and place the recipe content in a section element so the figure element doesnt have the same padding as the recipe content.

I also encountered a challenge in fully centering the container so it appears in the middle, as it was appearing horizontally centered but fully taking up the height of the screen. I played around with the height property and the margin property, as it was set to 0 auto before. I added margin to the height and the problem was sorted.

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

Responsive styling