Recipe Page Main

Congratulations on completing this challenge! Your webpage looks great both desktop and mobile. Your code is clean and uncluttered, and your styles are well organized.

The style you are looking for is the ::marker pseudo-element. This pseudo-element allows us to style the bullets in ul and numbers in ol. This article explains in all in detail. Try this:

        .child-1 ::marker { color: var(--rose800); }
        .child-2 ::marker, ol ::marker { 
            color: var(--brown800); 
            font-weight: bold; 
        }

Hope this helps.