Skip to content

feat: migrate CSS units from px/em to rem in seo.css - #59

Merged
Fredxd merged 1 commit into
AppoloDev:mainfrom
Vondry:feature/migrate-px-to-rem
Jul 27, 2026
Merged

Fredxd merged 1 commit into
AppoloDev:mainfrom
Vondry:feature/migrate-px-to-rem

Conversation

@Vondry

@Vondry Vondry commented Jul 26, 2026

Copy link
Copy Markdown
Contributor

Summary

Migrates all px and em units in seo.css to rem for improved scalability and accessibility. All rendered dimensions remain identical under the default 16px root font size.

Conversion table

Property Original Converted
padding 12px 0.75rem
font-size 14px 0.875rem
font-size 20px 1.25rem
margin-bottom 3px 0.1875rem
margin-left 2px 0.125rem
border-* 4px 0.25rem
padding-right 16.5px 1.03125rem
padding-top 0px 0
height 1.3em 1.625rem

Why

  • Accessibility — rem units respect the user's preferred browser font size, improving support for users who increase their default text size.
  • Consistency — all sizing now uses a single relative unit (rem), making the stylesheet easier to maintain and reason about.
  • No visual change — this is a pure refactor; rendered dimensions remain unchanged with the default 16px root font size.

Testing

Screenshot 2026-07-26 at 10 35 06

@Fredxd
Fredxd merged commit 7d85b2f into AppoloDev:main Jul 27, 2026
13 checks passed
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