diff --git a/src/tips/en/debug-print-css-styles.md b/src/tips/en/debug-print-css-styles.md index 2cbc5181..d9df114f 100644 --- a/src/tips/en/debug-print-css-styles.md +++ b/src/tips/en/debug-print-css-styles.md @@ -1,6 +1,6 @@ --- date: 2023-05-02 -authors: Patrick Brosset +authors: Patrick Brosset, Kilian Valkhof title: Debug your print CSS styles by simulating print media tags: ["css", "testing", "browser:edge", "browser:chrome", "browser:firefox", "browser:polypane"] @@ -27,9 +27,9 @@ DevTools has a way to simulate the print media right in the browser tab where De * In Polypane: - 1. Open the **Emulation options** + 1. Open the **Emulation options**. 2. Toggle **Media type** to "print". _Tip: open two panes side-by-side and set one to print media to compare the print and screen versions of your page._ - ![Polypane with the Emulation options open, showing the media type option set to "print"](../../assets/img/debug-print-css-styles-polypane.png) \ No newline at end of file + ![Polypane with the Emulation options open, showing the media type option set to "print"](../../assets/img/debug-print-css-styles-polypane.png)