Recipe Page using HTML and CSS

What are you most proud of, and what would you do differently next time?

I am most proud of the progress I have made in HTML and CSS.

What challenges did you encounter, and how did you overcome them?

This challenge at first glance seems simple, but I found myself faced with the challenge of giving styles to the lists, specifically giving color only to the bullets and the numbered list. Investigating the CSS for the lists I only have the following properties:

• list-style
• list-style-image
• list-style-position -list-style-type

None of these properties serve to give it color.

To solve the challenge use the ::before pseudo-element. Here is an example:

.section__options {    
    position: relative;
    list-style: none;
    padding-left: 3rem;
    line-height: 2;
}

.item::before {    
    content:"" ;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--color-preparation);
    position: absolute;
    left: 0;    
    transform: translateY(15px)
}

What specific areas of your project would you like help with?

I think that by using the ::before pseudo-element I found the solution to the challenge with lists. I would like to know if there is another way to solve it.