Recipe Page pure css, css table and styled list markers

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

I am happy that I used pseudo-classes and pseudo-elements extensively.

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

The most challenging part was styling list markers

ol li {
    position: relative;
    padding-left: 40px;
}

ol li::before {
    content: counter(list-counter) '.';
    counter-increment: list-counter;
    display: inline-block;
    width: var(--spacing-200);
    margin-right: var(--spacing-200);
    font-weight: bold;
    color: var(--custom-marker-color, #854632);
    font-size: var(--text-preset-4);
    position: absolute;
    left: var(--spacing-100);
}

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

How did you cope with list markers? What is better approach for nutrition table? CSS table or flexbox?