One of the great things about grids (and flexbox too) is that the order the elements appear on the age does not depend on the order they appear on the file.

That makes it possible to finally present good content for people that can't use the layout (like blind people, or broken UAs like the print ones), and break nothing for most users. But you must forget the good placement practices of earlier.

If you didn’t compensate for printed pages, then you’re not done with your CSS.

Just like if you designed something on a desktop and didn’t test it on a mobile device.

easily solved with @media print {...}

Use @media print {}