Each browser renders styles differently and I have written some notes on my findings below:
- DEFAULT STYLES: Each browser console has default colors & fonts applied to the text (differs in light & dark mode too).
- LINE-HEIGHT: used to simulate padding in Firefox console. Value of output is half of value declared
- COLOR: cannot be applied to links on Safari and Chrome
- LINKS: not clickable in Firefox.
- PADDING: padding on links in Chrome are rendered double of the value declared.
- WIDTH: explicit widths cannot be declared. They're ignored :(