Responsive Recipe Page using CSS variables and CUBE

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

I'm most proud about taking the time to conside the CUBE methodolgy and how I was going to implement it on this project. It was the first time I've seriously looked at using it and that meant it took me longer to complete the project than normal.

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

I didn't spend enough time looking at the differences between the desktop and mobile view, so I missed the difference in margin on the top image. This meant I had to rewrite some of my HTML and CSS to get this difference to apply properly between the two views.

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

I'm curious to know how other people solved the problem of the margins on the image. My solution feels like a work around and I'm sure there's a way to apply universal padding to the wrapper and then just remove it from the image on the mobile view but leave it in place for everything else.