design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Published 20 hours ago • verified publisher icon swisspost

Header: Using rem is a bad idea if the implementation is doing funky things

Open gfellerph opened this issue 1 year ago • 2 comments

https://postchagt1.valhalla12.stage.jobs2web.com/content/apply/?locale=de_CH&extJobId=9341-de_CH

image

This page sets font-size: 10px as the base font size, which causes the header, using rem to be really tiny with font sizes down to 8px. Using em would be the safer choice here, since this unit is context dependent and could be set to 16px on a wrapping div, while that's not possible when using the 10px rem font size trick.

gfellerph avatar Apr 15 '24 14:04 gfellerph

Investigate: is it possible to use a minmax function to define 16px as the minimum value but inherit the user agent specified font size if it's bigger?

gfellerph avatar Apr 17 '24 12:04 gfellerph

@gfellerph try to contact team behind, setting 10px on body would solve the header issue.

gfellerph avatar Aug 13 '24 08:08 gfellerph

Closing as won't fix

gfellerph avatar Mar 03 '25 09:03 gfellerph