Nicely Aligned Ordered Lists

[@blessdarah1256]

Whenever I watch there has to be something new to learn from this channel. Thank you Chris!

[@MrAndi1281]

Thanks so much for your videos! i am really suprised how much content and real actionable value you put in 20min videos. I have been working in the webdesign field for 10 years now and i always learn something new. I also don´t want to read a lot anymore, with one exception: css-tricks.com...your articles are awesome!

[@garybyrne4687]

Thanks Chris

[@kaneda010]

I love Firefox

[@Dorgrident]

We build a table :)

[@pablowbk]

First time I watch one of your screencasts. Been using codepen forever, this is awesome stuff!!

[@ilan117]

Hi Chris. Good to have you back. I seriously wonder why you don't make a full course? I believe we all are waiting for that! Advanced css and tricks :-) I hope soon?

[@sweeball]

You're a star Chris. Thanks for that and stay safe!

[@linda_sue]

Thank you, Chris! That was totally fun!

[@youssefvideotube]

You are simply too powerful man !

[@PestisNonSapien_GMO_exHuman]

Awesome video. Now I have to use live server reload with both chrome and firefox open to make sure they match.

[@redouaneinnane]

Thank you Chris

[@frontendpaathshala6272]

Nice one

[@TeHzoAr]

Chris the list has its sementic meaning and then you're adding the counter into a psuedo element so a screenreader is going to say it twice. The resolution is to define the psuedo element in a @media NOT query which has run-on effects on the grid. Feels all around too clumsy :(

[@dev8313]

It _is_ clumsy. I think that's the whole point of the video. That it is clumsy but *doable* with subgrid.

[@garybyrne4687]

He is saying list-style: none right? so isn't that not removing the duplication? And if i turn on voiceover in safari, "list 4 items" on the "ol" and for each list item something like "1 lorem 1 of 4".