Fix the broken layout if the user enlarges base font-size by 1.5 times

masakudamatsu / line-height-picker

A front-end web app that helps web designers/developers pick the best line-height value for their websites

https://line-height-picker.vercel.app

MIT License

2 stars 1 forks source link

Closed masakudamatsu closed 4 years ago

masakudamatsu commented 4 years ago

The button arrow overlaps the button label (for all screen sizes)
The line-height label wraps and overlaps the user input value (only for very narrow screens)

masakudamatsu commented 4 years ago

We rename the buttons:

The modular scale input field widens slightly; the word "to" in between is replaced with the colon.