Responsive receipe page using html & css

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

I just found out that the placement of a CSS class affects how media queries work, especially for responsiveness. Initially, I put the media query code in the middle of the CSS, but it didn't work properly. After experimenting, I found that placing it at the end of the CSS, after the other classes, made it work perfectly.