A personal website’s print redesign highlights the difference between printing a page and producing a readable document. The author used @media print to hide screen headers, adjust text sizes and grayscale link colors, and add print-only attribution. Code-block pagination remained unresolved, and feedback led to further stylesheet simplification. MDN likewise documents print media and @page for controlling paper or PDF presentation and margins. Checking the actual browser print preview is an important part of the workflow.
Back to Tech
Readable print output needs more than a website's screen styles
Check typography, link contrast and page breaks in actual print preview