2025: Posts tagged #css

Bookmark

With Polishing your typography with line height units Jen Simmons is putting a spotlight on the overlooked lh unit. It makes a big difference!

Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text.

Jen Simmons

I like to apply it in a flow css class to set the space between direct siblings:

.flow > * + * {
    margin-block-start: 1em; /* fallback for browsers not supporting the lh unit */
    margin-block-start: 1lh; 
}

Aligning a flexible number of items horizontally in one row.

Bookmark

anchor-tool.com allows to select a desired anchor positioning and see the required CSS code. The tool supports logical properties! As of March 7 only working in Chromium browsers.