@justCaioDev
Posted
It's really great your solution! Congratulations!
- About the change color of the numbers or symbol of an list. I used the pseudo-element "::marker" in the css. For example, "ol > li::marker { color: #f2f2f2; }". Using this pseudo-element you can style the numbers or symbols of an list item.
- Now about the nutrition align. I used display flex, I placed each line inside a div, then I used display flex on that div and within the texts of each line I added "flex: 1;". This makes each element within the div occupy all available space, so they automatically align.
Sorry, my english is not perfect, but I hope I helped u.