Skip to main content
Home / Video Screencasts / #184: Inside & Aligned Lists

#184: Inside & Aligned Lists

Download Video
(Only MVP Supporters can download original high-quality recordings for offline viewing.)

The fact that lists render their markers outside their own box (by default) is slightly weird. Any hidden overflow or overhanging off the edge of the browser will hide them. Moving them inside the box feels better and safer, but doing it that the easy way means losing the really nice alignment we got for free with outside list markers. We want it both ways! Let’s do that with our own custom counters, CSS grid (with subgrid), and some more friends along the way.