Responsive Recipe Page using HTML & CSS

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

Never got a chance to use table element, so I learned quite a lot about styling table, th and td.

Another learning opportunity came with styling lists and list items.

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

I was thinking about using CSS Grid or Flexbox for this, but it felt like an overkill. I know they are THE tools for such jobs, but all the elements when properly marked-up, were arranged one on top of other (that's how block level elements are stacked).

So it was all about providing a proper vertical rhythm. So I went ahead with margin and padding, on and between elements.

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

I would like to know a better way to implement a wrapper element. I used two wrapper divs, in this challenge, one for the image and other for the text content, to provide inline padding so that content doesn't touch the edges.

I couldn't use one wrapper div for all the content including image, as the mobile design has image touching the edges of the viewport.