Recipe page with mobile-first(media-query)

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

I had a lot of trouble with the height of the main element. I had to set a fixed value to make the page look nice because otherwise, the background would only go as far as before the first section started.

Besides that, there were small details I couldn't figure out, like increasing the distance between list bullets and the start of the sentences, changing the color of the bullets, and aligning the text inside lists so that the second line starts at the same point as the first. I think this last part might be confusing. For example:

I couldn't get it to look like this:

• XXXXXX
  XXXXXX

Instead, it turned out like this:(ignore the "_", it's just a space)

• __XXXXXX
  XXXXXX

Anyway, I struggled, but I managed to make it work.

I’d love any advice—it's very welcome! 😊