Responsive recipe page with media queries and many colours

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

Owww that was a headache! Next time I would use a text_wrapper div

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

Styling the bullet points. I learned how to use li::marker to style these and also list-style-position: outside; to keep the list item text aligned with itself rather than the list marker.

When I wanted to make the page responsive I realised that I should have checked the mobile and desktop designs more thoroughly as the padding around the image that was contained in the card div created a problem. I then had to go back and add another wrapper div around the text so that I could remove the padding from the card and have some padding on the text. It was a PAIN.

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

One of the main issues I struggled with was identifying the colours as the changes between these were to subtle. Any pointers on this for consistency moving forward, or anything else you notice I am happy to receive feedback on. :)