Meal Recipe Page built using pseudo elements and custom css variables

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

I was able to use the ::before pseudo-element and the content property to add a custom bullet to my list ie <li> of <ul> element. Also used the ::marker pseudo-element to add separate design to the numbering of the li's of an <ol> element. I practically got reasonably conversant with some other pseudo-elements in the course of this project and its interesting. I also used custom css variables to represent some values for eg: the colors I used in the design

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

The seeming challenge I encountered was how to actually style the bullets of list elements with size, color, weight etc different from the styles that the contents of the very li elements have. I searched google and found a way to do it. Quite interesting

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

Need no help in any area concerning this particular project