4 ms·
CSS Cap Unit
- mock-possum 2y ago> height: 1cap; Runs into trouble when text content includes glyphs featuring descenders e.g. “Goodbye World”
- graypegg 2y agoI think the primary example of icon alignment though relies on that behaviour. I think an icon resting on the baseline, as tall as the cap height is probably the most visually balanced looking option. If you need a container that includes the bottom of the descenders to the cap height, it's probably best to use a container with no prescribed height and let the browser figure out the containing dimensions.
- efilife 2y agoI love this guy's blog, especially the facebook/instagram css analysis
- deleted 2y ago[deleted]
- mediumsmart 2y agoI wish people would stop teaching div, .wrapper and all those other unneeded pre grid crutches, but no, they drag the obsolete into the new bloated shiny frameworks and what is it with this story style for guides? Why should I anchor all that didn’t work in memory? That being said the blog looks great, visually very pleasing.