Skip to content

code block have wrong font size #8076

@nloureiro

Description

@nloureiro

Describe the bug

When displaying code block, like code , pre , etc, the font is bigger than it's supposed to be.

This how we have it now:
pre, code, kbd, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 1em;

This is how it is supposed to be:
pre, code, kbd, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 0.8em; line-height: 1.1rem;

To reproduce

  1. go to this page https://ethereum.org/en/developers/docs/smart-contracts/
  2. see the code blocks
  3. inspect the css and confirm that the font size is at 1rem

Expected behavior

The font size is supposed to be smaller.

Screenshots

This how we have it now:
Screen Shot 2022-09-29 08 59 10 AM

This is how it is supposed to be:
Screen Shot 2022-09-29 09 13 08 AM

Metadata

Metadata

Assignees

No one assigned

    Labels

    bug 🐛Something isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions