Skip to content

[MEIER-289] Fix inline code font size to match body text#79

Merged
benjimeierdev merged 1 commit intomainfrom
benji/meier-289
Mar 13, 2026
Merged

[MEIER-289] Fix inline code font size to match body text#79
benjimeierdev merged 1 commit intomainfrom
benji/meier-289

Conversation

@benjimeierdev
Copy link
Copy Markdown
Contributor

Summary

Fixes inline <code> elements rendering larger than surrounding body text on andymeier.dev.

Problem

Monospace fonts render visually larger than proportional fonts at the same font-size. Combined with
Tailwind Typography's prose-lg variant, inline code appeared noticeably bigger than regular text.

Fix

Added a targeted CSS rule in input.css:

.prose :where(code):not(:where(pre *)) {
    font-size: 0.875em;
}
  • Targets only inline code (excludes code inside <pre> blocks handled by Prism.js)
  • Uses :where() for zero specificity, keeping it easy to override
  • 0.875em (87.5%) brings monospace inline code to visual parity with body text

@github-actions
Copy link
Copy Markdown

🍹 preview on andymeier/prod

Pulumi report

View in Pulumi Cloud

  Previewing update (prod)

View Live: https://app.pulumi.com/meiermade/andymeier/prod/previews/3691942a-b45e-4c27-914c-e074e4121a6c

pulumi:pulumi:Stack: (same)
  [urn=urn:pulumi:prod::andymeier::pulumi:pulumi:Stack::andymeier-prod]
  ~ docker:index/image:Image: (update)
      [id=941377122014.dkr.ecr.us-east-1.amazonaws.com/andymeier]
      [urn=urn:pulumi:prod::andymeier::docker:index/image:Image::andymeier]
    + build: {
        + context      : "/home/runner/work/andymeier/andymeier/app"
        + contextDigest: "c9ca8fc735713d69cc20462d5482e32112989b0669905d9512b96747ceab7881"
        + dockerfile   : "/home/runner/work/andymeier/andymeier/app/Dockerfile"
        + platform     : "linux/arm64"
      }
  ~ kubernetes:apps/v1:Deployment: (update)
      [id=andymeier/app]
      [urn=urn:pulumi:prod::andymeier::kubernetes:apps/v1:Deployment::app]
    ~ spec: {
        ~ template: {
            ~ spec: {
                ~ containers: [
                    ~ [0]: {
                            ~ image: "941377122014.dkr.ecr.us-east-1.amazonaws.com/andymeier@sha256:c05e3812fae5a0f67daf98aec9491ff718b9c936e67c5129759e660090a10888" => [unknown]
                          }
                  ]
              }
          }
      }
Resources:
  ~ 2 to update
  16 unchanged
  

@benjimeierdev benjimeierdev merged commit 37dea77 into main Mar 13, 2026
2 checks passed
@benjimeierdev benjimeierdev deleted the benji/meier-289 branch March 13, 2026 21:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants