Ordered list rendered as flexbox doesn't show bullets/decimals (items also rendered as flexbox)

Question

I have an ordered list (ol) that has it\'s display property set to flex. Also the list items are rendered as flexboxes. Doing this results

Answer 1

list-style applies to elements with display: list-item only – so by making your LI display: flex, you are removing the prerequisite for list-style to have any effect.

Using a counter is probably your best bet here.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters