패딩과 ch 단위를 조금 만져보았지만, 정말 완벽한 방법은 없는 것 같습니다. 모노스페이스 폰트 아이디어가 더 나은 선택이라고 생각하지만, 현재 사용하고 있는 JetBrains 폰트는 제 눈에는 약간 어색하게 보입니다:
ch 단위를 사용할 수는 있지만, 예를 들어 4ch는 9/XX까지, 5ch는 99/XX까지, 6ch는 거의 모든 경우(XX/100까지)를 커버할 수 있습니다. 하지만 그렇게 하면 대부분의 시간 동안 불필요하게 넓어 보일 수도 있지 않을까요?
어쨌든 당분간은 6ch 최소 너비를 구현해 보겠습니다. 이렇게 하면 대부분의 주제에서 개선될 것입니다.
수정: UX: improve progress styling on mobile - Pull Request #34886 - discourse/discourse - GitHub