css – printable responsive layout

I’m quite a newbie in web design.
I’m starting off with a W3 template. Please see this one as illustration: https://www.w3schools.com/w3css/tryw3css_templates_food_blog.htm .
I’m trying to implement media query to be able to print as the gridded image layout that is shown. However, this layout seems to force the images to become full page upon printing. I’ve consulted many explanations of how to implement @media print, however they do not seem to address what I need.

If someone could provide some insight that would be great.