Skip to content

Commit

Permalink
Update debug-print-css-styles.md
Browse files Browse the repository at this point in the history
  • Loading branch information
captainbrosset committed May 3, 2023
1 parent b90a5bb commit f36ac4c
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/tips/en/debug-print-css-styles.md
Original file line number Diff line number Diff line change
@@ -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"]
Expand All @@ -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)
![Polypane with the Emulation options open, showing the media type option set to "print"](../../assets/img/debug-print-css-styles-polypane.png)

0 comments on commit f36ac4c

Please sign in to comment.