Website: Text boxes text overlaps with smaller fonts.
kyle-wannacott opened this issue · 1 comments
kyle-wannacott commented
https://quick-lint-js.com/blog/version-3.0/
Boxes text scale inversely with font size. (overlap the smaller the font size is set in your browser)
strager commented
It looks like you're shrinking the proportional-width font size, but not the monospace font size.
CSS breakpoints are based on the proportional-width font size.
I think the correct solution would be to make the layout responsive instead of relying on CSS breakpoints. This would mean switching from CSS grid to CSS flexbox for .eslint-comparison.