Intro to lh and rlh in CSS

The article introduces two new font-relative length units in CSS, lh and rlh, which are designed to set element heights based on the line height of the current or root element, respectively. These units aim to offer more flexible styling options, particularly in vertically aligning inline-block elements. However, they are still in experimental stages with limited browser support and potential usage concerns, such as the inability to precisely control line numbers and the dependency on font and text size, which can vary across different browsers. The article advises caution in using these units in production environments and suggests keeping track of ongoing developments and discussions to better understand their future implementation. Additionally, LogRocket is mentioned as a tool for monitoring client-side performance in complex web frontends, offering features like session replay and automated user experience analysis to enhance digital experiences.